jquery_选择器

时间:2023-03-08 20:28:11
jquery_选择器

jquery选择器:对javascript的操作进行封装.

jquery选择器的优点
          1,简洁的写法
          2,支持css1到css3选择器(拥有跨浏览器的兼容性)
          3,完善的处理机制(无需判断对象是否存在)
选择器种类
           1基本选择器

eg:$("#id"); $("#class"); $("p"); $("div,span,....")
           2层次选择器

$("div span")选取div里所有的span元素 所有子节点

$("div>span") 直接子节点

$(".one+div") 下一个元素 同辈元素

$("#two~div")元素之后的所以div兄弟元素  
           3过滤选择器

(1) 基本过滤选择器: $(" div:even")索引值为偶数的(所以从0开始) $("div:odd")基数 $("div;eq(0)")索引当前,:gt(0)大于,:lt(0)小于,:header 标题元素,:animated执行动画的元素

(2)内容过滤选择器:contains(text)含有,:empty不包含子元素的,:parent含有子元素或者文本元素

(3)可见性过滤器: :hidden所以不可见的 ,:visible 所以可见

(4)属性过滤器: di[attribute]拥有 ,[attribute=value]为value的元素

(5)子元素过滤器: nth-child(index/even/odd/equation)父元素之下的.... ,nth-child(3n+1)n从0开始

           4表单对象属性过滤器

                  :enabled选取所以可用的元素,:disabled 所有不用的元素,:checked,:selected 所以选中元素