发表于: 2018-12-24 17:59:38
1 1129
今天完成的事:
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任务二静态页面,
评论