jquery常规选择器再学习_1123

jquery选择器基本模拟css语法来获取元素;

1 常规选择器  

  id  

  常见的元素标签

  class

2 进阶选择器

  组合选择器 常规选择器多个组合在一起

  通配符选择器 * ,通常用于局部环境下

  后代选择器(层次选择)

3 高阶选择器 4种方法 find() children() next() nextAll() 如果不传参数,相当于传递* ;

  后代选择器  /  find()方法

  子选择器css符号 >   / jquery  children()方法

  后一个,并且是同级的(匹配到才有效的) css符号 +  /jquery next()方法

  后面的 所有的同级的(匹配到的) css符号 ~ / jquery  nextAll()方法

  前一个,并且是同级的(匹配到才有效的) jquery prev()方法

  前面所有的同级的(匹配到的) jquery prevAll()方法

  上下同级所有的(匹配到的) jquery sibilings()方法

 4 选择器的优化方案

  1 可以把经常使用的选择器选择后给定一个变量,这样查询效率会提高;

5 过滤选择器

  基本过滤选择器 :first  :last  :not  :eq(n)  :gt(n)大于  :lt(n)小于  :even 偶数选择  :odd 奇数选择 ; jquery提供了四个方法 first()  last()  not()  eq()

  内容过滤选择器 :contains   $('div:contains("我")') 选取含有文本我的div元素;:empty  $('div:empty')选取不包含子元素(包含文本元素)的div空元素;

    :has  $('div:has("p")') 选取包含有<p>元素的div元素         :parent 选取包含子元素(包含文本元素)的div元素;而parent()方法是求当前元素的父元素

  可见性选取器 :hidden  匹配 display:hidden和input类型为hidden的元素  ;:visibile 选取所有可视的元素节点   

原文地址:https://www.cnblogs.com/yachao1120/p/7887092.html