1.$("#myDiv");ID匹配一个元素

<span id="foo[bar]"></span>

$("#foo\\[bar\\]);//转义

2.$("div");//元素标签名匹配

3.$(".myClass"); css类名匹配

4.$("*")   匹配所有元素,多用于结合上下文来搜索

5.指定多个选择器,把匹配结果组合返回

<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>

$("div,span,p.myClass")

6.在给定的祖先元素下匹配所有的后代元素

<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />

$("form input")

7.$("form > input")//父元素下匹配所有的子元素

8.匹配所有 prev 元素后的 next 元素,包括同辈和子元素或者其他
<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
表达式:$("label + input")
结果:[ <input name="name" />, <input name="newsletter" /> ]
 
9.第一个选择器的同辈
表达式:$("form ~ input")
结果:[ <input name="none" /> ]
 
10.$('li:first');//元素机会中 的第一个
$("input:not(:checked)")//集合在除去某些
$("tr:even")//匹配偶数项
$("tr:odd")//匹配基项
$("tr:eq(1)")//匹配给定索引的项
$("tr:gt(0)")//匹配大于索引的项
$("p:lang(it)")//选择语言
$('li:last')//获取最后一个元素
$("tr:lt(2)")//匹配小于索引的项
$(":header").css("background", "#EEE");//匹配如 h1, h2, h3之类的标题元素
$("div:not(:animated)").animate({ left: "+=20" }, 1000);//对没有动画的元素执行动画
$( document.activeElement )//当前的焦点元素
$(":root").css("background-color","yellow");//选择该文档的根元素
$("div:contains('John')")//匹配包含给定文本的元素
$("td:empty")//匹配所有不包含子元素或者文本的空元素
$("div:has(p)")//匹配含有选择器所匹配的元素的元素
$("td:parent")//匹配含有子元素或者文本的元素
$("tr:hidden")//匹配所有不可见元素
$("input:enabled")//匹配所有可用元素
$("input:disabled")//匹配所有不可用元素
$("input:checked")//查找所有选中的元素
$("select option:selected")//匹配所有选中的option元素
$("div[id]")//匹配包含给定属性的元素
$("input[name='newsletter']").attr("checked", true);//匹配给定的属性是某个特定值的元素
$("input[name!='newsletter']").attr("checked", true);
$("input[name^='news']")//匹配给定的属性是以某些值开始的元素
$("input[name$='letter']")//匹配给定的属性是以某些值结尾的元素
$("input[name*='man']")//匹配给定的属性是以包含某些值的元素
$("input[id][name$='man']")//复合属性选择器,需要同时满足多个条件时使用。
$("ul li:first-child")//匹配第一个子元素,类似的:first匹配第一个元素,而此选择符将为每个父元素匹配一个子元素
$("ul li:last-child")//:last  只匹配最后一个元素,而此选择符将为每个父元素匹配最后一个子元素
$("ul li:nth-child(2)")//匹配其父元素下的第N个子或奇偶元素
:nth-last-child(n|even|odd|formula)//选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。
:nth-of-type(n|even|odd|formula)
$("ul li:only-child")//如果某个元素是父元素中唯一的子元素,那将会被匹配
:only-of-type
$(":input")匹配所有 input, textarea, select 和 button 元素
$(":text")
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")
 
 
 
 
 
 
 

jQuery慢慢啃之选择器(二)的更多相关文章

  1. jQuery慢慢啃筛选(四)

    1.eq(index|-index) 获取第N个元素 其中负数:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) $("p").eq(1)//获取匹配的第二个元 ...

  2. jQuery慢慢啃之核心(一)

    1. $("div > p"); div 元素的所有p子元素. $(document.body).css( "background", "bla ...

  3. jQuery慢慢啃之回调(十三)

    1.callbacks.add(callbacks)//回调列表中添加一个回调或回调的集合 // a sample logging function to be added to a callback ...

  4. jQuery慢慢啃之事件对象(十一)

    1.event.currentTarget//在事件冒泡阶段中的当前DOM元素 $("p").click(function(event) { alert( event.curren ...

  5. jQuery慢慢啃之工具(十)

    1.jQuery.support//一组用于展示不同浏览器各自特性和bug的属性集合 2.jQuery.browser//浏览器内核标识.依据 navigator.userAgent 判断. 可用值: ...

  6. jQuery慢慢啃之ajax(九)

    1.jQuery.ajax(url,[settings])//通过 HTTP 请求加载远程数据 如果要处理$.ajax()得到的数据,则需要使用回调函数.beforeSend.error.dataFi ...

  7. jQuery慢慢啃之特效(八)

    1.show([speed,[easing],[fn]])\\显示隐藏的匹配元素 //speed:三种预定速度之一的字符串("slow","normal", o ...

  8. jQuery慢慢啃之事件(七)

    1.ready(fn)//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码...}); 使用 $(docume ...

  9. jQuery慢慢啃之CSS(六)

    1.css(name|pro|[,val|fn])//访问匹配元素的样式属性 $("p").css("color");//获取 $("p") ...

随机推荐

  1. git bash【初级入门篇】

    最近公司打算使用git代替之前的svn版本控制工具,趁此机会打算好好学学git,这个号称当今世界最牛的分布式版本控制工具. 一.[git和svn的主要区别] 1.去中心化 svn以及微软的TFS均采用 ...

  2. vim setting

    django_百度搜索 最近合并代码,发现文件缩进经常不一致,请大家把以下配置放到自己主目录下.vimrc文件中.   set tabstop=4   set shiftwidth=4   set e ...

  3. poj 3259 Wormholes【spfa判断负环】

    Wormholes Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 36729   Accepted: 13444 Descr ...

  4. Maven浅析-1

    Maven的配置 1.首先从http://maven.apache.org/download.cgi下载当前最新版本的maven. 如果不想自己安装maven的话,建议直接下binary zip文件, ...

  5. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析 系列目录 最新比较闲,为了学习下Android的开发构建ASP.NET ...

  6. Cubieboard 开箱和入门 | Name5566 分类: cubieboard 2014-11-08 17:27 251人阅读 评论(0) 收藏

    Cubieboard 开箱和入门 2014 年 01 月 29 日 by name5566 Categories: Computer Science, Cubieboard Hello Cubiebo ...

  7. 高级性能调试手段(oprofile+gprofile)+内核追踪手段:LTT

    http://blog.csdn.net/wlsfling/article/details/5876134http://www.lenky.info/archives/2012/03/1371http ...

  8. Qt 学习之路 :视图代理

    与 Qt model/view 架构类似,在自定义用户界面中,代理扮演着重要的角色.模型中的每一个数据项都要通过一个代理向用户展示,事实上,用户看到的可视部分就是代理. 每一个代理都可以访问一系列属性 ...

  9. Excel VBA批量修改文件夹下的文件名

    今天,有同事提出想批量修改文件名,规则比较简单,在第五位后加“-”即可, 上网没找到相关工具,就自己做了个excel,用宏代码修改. 代码如下: Private Sub CommandButton1_ ...

  10. thinkphp实现短信验证注册

    前言 注册时经常需要用到短信验证码,本文记录一下思路和具体实现. 短信验证平台使用云片,短信验证码的生成使用thinkphp. 思路 1.用户输入手机号,请求获取短信验证码. 2.thinkphp生成 ...