关闭

jquery 选择器

735人阅读 评论(0) 收藏 举报

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());
    });


1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:516275次
    • 积分:6897
    • 等级:
    • 排名:第3447名
    • 原创:159篇
    • 转载:99篇
    • 译文:2篇
    • 评论:47条
    最新评论