发表于: 2018-12-24 17:59:38

1 1128


今天完成的事:

1.今天完成任务二的静态页面设计。

2.准备小课堂,完成小课堂内容。

3.学习JQuery操作元素:

在jQuery中,对元素的操作包括3个方面:

(1)属性操作;

(2)内容操作;

(3)样式操作;

在jQuery中,关于元素属性的操作共有3种:

1)获取元素属性;

(2)设置元素属性;

(3)删除元素属性;

获取元素属性

语法:

设置元素属性

语法:

删除元素属性

语法: $("a").removeAttr("title");

在jQuery中,除了可以使用attr()方法来操作元素的属性之外,还可以使用prop()方法。prop()方法和attr()方法语法相同,其中prop()用于获取和设置元素属性,removeProp()用于删除元素的属性。

但是attr()和prop()这2种方法有着本质的区别,其中attr()方法用于操作元素的固有属性,所谓的“固有属性”指的是元素本身具有的属性如a标签的href、target、title等。而prop()方法用于操作元素的自定义属性,所谓的“自定义属性”指的是用户自己定义的一些属性。

CSS属性操作

在jQuery中,关于元素的样式操作方法共有2种:

  • (1)CSS属性操作;
  • (2)CSS类名操作;
  • 一、获取CSS属性值

    语法:

设置CSS属性值

设置某个元素的CSS属性值,分为2种情况:(1)设置单个CSS属性;(2)设置多个CSS属性

设置单个CSS属性

语法:

设置多个CSS属性

但我们为元素同时设置多个CSS属性值时,应该用{}括起来,并且属性与属性值以“键值对”的形式,每个键值对之间用英文逗号隔开。这种 “键值对”的形式,跟JSON数据格式、JavaScript对象的属性形式是非常相似的。


明天计划的事:为任务二使用js设置tab栏的切换,


      遇到的问题:a标签自带的一个下划线,设置可text-decoration:none属性后不起作用,下划线去不掉。

      收获:完成js任务二静态页面,


返回列表 返回列表
评论

    分享到