HTML DOM 百分网手机站

Query选择HTML遍历函数的技巧解析

时间:2018-04-24 17:28:53 HTML DOM 我要投稿

Query选择HTML遍历函数的技巧解析

  使用JQuery,可以很容易的选择THML元素。但在有些时候,HTML结构比较复杂的时候,提炼我们选择的元素就是一件比较麻烦的事情。

  1、children

  这个函数得到一组元素的直接子级。

  给children()传递一个选择表达式将选择结果缩小至选中的元素;

  如果chilidren()每接受任何参数,将返回所有直接子级;不返回它的孙级元素。

  2、filter

  这个函数通过传递的选择表达式从一个集合中过滤元素。任何不匹配这个表达式的元素将从选择的集合中移除。

  3、not

  与filter恰恰相反,not()从集合中移除匹配的元素。

  4、add

  如果我们想在集合中增加一些元素怎么办?add()函数正是做这件事的。

  5、slice

  有时候,我们需要根据元素在集合的位置获取集合的子集。sliece()正是做这个的。

  第一个参数是从零开始的第一个元素的'位置,它包含在返回的片段中;

  第二个参数是从零开始的第一个元素的索引。不包含在返回的片段中。如果省略,将延伸至集合的末尾;

  6、parent

  parent()函数选取一系列元素的直接父级。

  7、parents

  这是复数形式,parents()选择集合的所有祖先元素。我的意思是所有祖先元素包括直接父级到“body”和“html”元素。所以最好通过传递表达式缩小选择结果。

  8、siblings

  这个函数选择一组元素的所有兄弟姐妹,传递一个表达式可以筛选结果。

  9、prev & prevAll

  prev()函数选择前一个兄弟节点。prevAll()选择一个元素集合前面所有的兄弟节点。

  10、next & nextAll

  这些函数与prev和prevAll工作方式相同,不过它选择的是下一个兄弟姐妹。

【Query选择HTML遍历函数的技巧解析】相关文章:

1.Dreamweaver格式化html代码的技巧

2.关于PHP var-dump遍历对象属性的函数与应用代码

3.jQuery中常用的遍历函数用法实例

4.浅析jQuery 遍历函数javascript

5.演讲的技巧解析

6.HTML validate HTML验证特点

7.html5与传统html区别

8.选择演讲内容的技巧