JQuery学习笔记:JQuery DOM操作和JQuery 遍历
1,jQuery DOM操作,设置或获得内容: 设置,在()内填入内容即可,有回调函数;
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
2,jQuery DOM操作,设置或获得属性: 设置,在()内填入内容即可,有回调函数;
attr() - 设置或返回表单字段的值
3,jQuery DOM操作,添加元素:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
注:append/prepend 是在选择元素内部嵌入。after/before 是在元素外面追加。
4,jQuery DOM操作,删除元素:
remove() - 删除被选元素(及其子元素) 参数可以填入选择器,过滤被删除的元素
empty() - 从被选元素中删除子元素
5,jQuery DOM操作,获取并设置CSS:
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
CSS设置:css({"propertyname":"value","propertyname":"value",...}),可以多个值;
CSS获取:css("propertyname"); 通过属性名获取即可
6,jQuery DOM操作,尺寸操作:
width():设置或返回元素的宽度(不包括内边距、边框或外边距)
height():设置或返回元素的高度(不包括内边距、边框或外边距)
innerWidth():返回元素的宽度(包括内边距)
innerHeight():返回元素的高度(包括内边距)
outerWidth():返回元素的宽度(包括内边距和边框)
outerHeight():返回元素的高度(包括内边距和边框)
7,jQuery 遍历,祖先:
parent():返回被选元素的直接父元素
parents():返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)
parentsUntil():返回介于两个给定元素之间的所有祖先元素
8,jQuery 遍历,后代:
children():返回被选元素的所有直接子元素
find():返回被选元素的后代元素,一路向下直到最后一个后代
9,jQuery 遍历,同胞:
siblings():返回被选元素的所有同胞元素
next():返回被选元素的下一个同胞元素
nextAll():返回被选元素的所有跟随的同胞元素
nextUntil():返回介于两个给定参数之间的所有跟随的同胞元素
prev():返回被选元素的上一个同胞元素
prevAll():返回被选元素的前面的同胞元素
prevUntil():返回介于两个给定参数之间的所有前面的同胞元素
10,jQuery 遍历,过滤:
first():返回被选元素的首个元素
last():返回被选元素的最后一个元素
eq():返回被选元素中带有指定索引号的元素,索引从0开始
filter():允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回
not():返回不匹配标准的所有元素,和filter相反;
prevUntil():返回介于两个给定参数之间的所有前面的同胞元素