首页 > 代码库 > jQuery选择器

jQuery选择器

1) jQuery选择器是什么

2) jQuery选择器的优势

  完善的处理机制,即使网页中没有此元素,也不会报错

  $("#tt")获取的永远是对象,当用jQuery来检查网页中某个元素是否存在时,不能使用以下代码

  if( $("#tt") ){

    //do something

  }

  应该根据获取元素的长短来判断

  if( $("#tt").length>0 ){

    //do something

  }

  或者是转换成为DOM对象来判断

  if( $("#tt")[0] ){

    //do something

  }

3) jQuery选择器

  1) 基本选择器

    1) #id

    2) .class

    3) element

    4) selector1,selector2,.....selectorN

    5) *

  2) 层次选择器

    1) ancestor descendant  选择所有的后代

    2) parent>child   选择子代

    3) prev+next   选择prev相邻的下一个同辈元素

    4) prev~sinlings   选择prev后面的所有同辈元素

    可以使用next()方法代替$("prev+next")

    使用nextAll()方法代替$("prev~siblings")

    siblings()方法与前后位置无关,只要是同辈节点都可以匹配

  3) 过滤选择器

    1) 基本过滤选择器

    2) 内容过滤选择器

    3) 可见性过滤选择器

    4) 属性过滤选择器

    5) 子元素过滤选择器

    6) 表单对象属性过滤选择器

    

  4) 表单选择器

  

 

jQuery选择器