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

猜你喜欢

转载自blog.csdn.net/godsor/article/details/83501238