王继超的专栏

技术分享

jquery 选择器

1、内容选择器:

 1):contains(text):匹配包含给定文本的元素

        将含有two的div背景变为绿色

        $("div:contains(two)").css("background","green");


 2):empty:匹配所有不包含子元素或者文本的空元素

        将不含有子元素或文本的空元素背景变为绿色

        $("div:empty").css("background","green");


 3):has(selector):匹配含有选择器所匹配的元素的元素

        将含有span的div背景变为绿色

        $("div:has(span)").css("background","green");


 4):parent:匹配所有的子元素或文本的元素

       将含有子元素(或者文本内容)的div背景变为绿色

       $("div:parent").css("background","green");



2、可见性选择器:

    1)、hidden:匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到   隐藏的元素也可以用show()显示出来;

    2)、visible:匹配所有的可见元素



2、属性选择器:

       1)、选中拥有属性id的div元素 $('div[id]')
      
       2)、选取拥有title等于str值的div元素 $('div[title='nihao']')
    
       3)、选取拥有title不等于str值的div元素 $('div[title!='nihao']')    
       
       4)、选取拥有title属性以str值为开头的div元素 $('div[title^='nihao']')
         
       5)、选取拥有title属性以str值为结尾的div元素 $('div[title$='nihao']')
                
       6)、选取拥有title属性包含str值的div元素 $('div[title*='nihao']')

       7)、选取选中class等于cc,id=one的元素  多个属性限制这样弄  $('div[class=cc][id=one]')
           

3、jquery遍历问题:用each遍历

格式1: $("div").each(function (i){
                   alert(this.value);
              });
                                  解析:   

                                                      :         这里的i为数组下标从0开始,到数组的长度
                                                 this  :         this 表示该jquery返回的对象,但是该对象不是jquery对象而是domduixiang         
        
        
格式2
    $('input').each(function (index,dom){
            alert(index+dom.value);
            index==i
            dom=this
        });
       


格式3
    var input = $("input:hidden");
       只不过这里的each遍历的是这个input数组
    $.each(input,function (index,domEle){
        alert($(domEle).val());
    });


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wjc19911118/article/details/7381046
想对作者说点什么? 我来说一句

Jquery选择器大全

2011年02月11日 28KB 下载

时间日期选择器

2017年09月19日 133KB 下载

JQuery选择器详解JQuery选择器详解

2009年12月10日 117KB 下载

没有更多推荐了,返回首页

不良信息举报

jquery 选择器

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭