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():返回元素的高度(包括内边距和边框)

JQuery学习笔记:JQuery DOM操作和JQuery 遍历

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():返回介于两个给定参数之间的所有前面的同胞元素

相关推荐