jquery 选择器

原创 2012年03月21日 22:07:13

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


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Jquery 选择器整理

  • 2015年12月23日 11:27
  • 1.23MB
  • 下载

jquery 选择器 描述

  • 2012年03月09日 11:47
  • 2KB
  • 下载

jquery 选择器(name,属性,元素)大全

基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色。(id选择器返单个元素) $(document).ready(function () {    ...

jquery 选择器的强大总结

原文转载自http://blog.csdn.net/shimiso/article/details/8443594 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 ...

Jquery 选择器列举

1, 星号选择器: $("*") $("#test").find("*") 注意:在选择后,既使在此选择之后添加元素也会被执行              2, 选择所有正在执行动画效果的元素...

jQuery 选择器(1)

jQuery 选择器(1) 参考资料: 1、《锋利的jQuery》    作者:单东林 张晓菲 魏然    出版社: 人民邮电出版社 2、w3school 在线教程 ...
  • aimartt
  • aimartt
  • 2012年08月09日 16:15
  • 337

JQuery 选择器和事件

PS、//不是所有浏览器都支持 console.log 解决办法定义一个输出函数 调用即可 若出错则注释掉function conlog(event){ console.log(even...

jQuery 选择器总结

一、jQuery选择器优势 1、简洁的写法: $(“选择器”); 2、支持css1 到 css3 所有选择器; 3、完善的处理机制,无需判断引用的元素是否存在。二、jQ...
  • Dylan_l
  • Dylan_l
  • 2015年12月17日 10:18
  • 144

jQuery 选择器理解

$的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的...

jQuery 选择器(2)

jQuery 选择器(2) 参考资料: 《锋利的jQuery》    作者:单东林 张晓菲 魏然    出版社: 人民邮电出版社 ...
  • aimartt
  • aimartt
  • 2012年08月09日 17:52
  • 386
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 选择器
举报原因:
原因补充:

(最多只允许输入30个字)