码迷,mamicode.com
首页 > Web开发 > 详细

第二章-jQuery选择器

时间:2016-05-29 10:55:22      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

一、jquery选择器的优势:

  ①简介的写法

  ②支持css1-css3选择器

  ③完善的处理机制

二、jQuery选择器分类:

  ①基本选择器

    ①#id

    ②.class

    ③element

    ④*

    ⑤selector1,selector2,......

  ②层次选择器

    ①后代选择器

    ②$("parent>child") 儿子选择器

    ③$("prev+next")选择下一个同辈元素 等价于next()

    ④$("prev~siblings")选择后面的所有同辈元素  等价于nextAll()

    ps:siblings()匹配所有同辈元素,与前后位置无关

  ③过滤选择器

    ①基本过滤

      ①:first

      ②:last

      ③:not(selector)

      ④:even

      ⑤:odd

      ⑥:eq(index)

      ⑦:gt(index)

      ⑧:lt(index)

      ⑨:header

      ⑩:animated

      ?:focus

    ②内容过滤

      ①:contains(text)

      ②:empty

      ③:has(selector)

      ④:parent

    ③可见性过滤

      ①:hidden  注意:包含样式display:none/visibility:hidden的元素,或者文本隐藏域<input type="hidden"/>之类的元素

      ②:visible  

    ④属性过滤

      ①[attribute]

      ②[attribute=value]

      ③[attribute!=value]

      ④[attribute^=value]

      ⑤[attribute$=value]

      ⑥[attribute*=value]

      ⑦[attribute|=value]

      ⑧[attribute~=value]

      ⑨[attribute1][attribute2][attributeN]

    ⑤子元素过滤

    ⑥表单对象属性过滤

  ④表单选择器

 

第二章-jQuery选择器

标签:

原文地址:http://www.cnblogs.com/ishuanghe/p/5539031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!