jQuery慢慢啃之选择器(二)
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")
//父元素下匹配所有的子元素
<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" /> ]
表达式:$("form ~ input")
[ <input name="none" /> ]
$('li:first')
;//元素机会中 的第一个$("input:not(:checked)")//集合在除去某些
$("tr:even")//匹配偶数项
$("tr:odd")//匹配基项
$("tr:eq(1)")//匹配给定索引的项
$("tr:gt(0)")
//匹配大于索引的项$('li:last')
//获取最后一个元素$("tr:lt(2)")//匹配小于索引的项
$(":header").css("background", "#EEE");
//匹配如 h1, h2, h3之类的标题元素$("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个子或奇偶元素$("ul li:only-child")
//如果某个元素是父元素中唯一的子元素,那将会被匹配$(":input")匹配所有 input, textarea, select 和 button 元素
$(":text")
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")
jQuery慢慢啃之选择器(二)的更多相关文章
- jQuery慢慢啃筛选(四)
1.eq(index|-index) 获取第N个元素 其中负数:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) $("p").eq(1)//获取匹配的第二个元 ...
- jQuery慢慢啃之核心(一)
1. $("div > p"); div 元素的所有p子元素. $(document.body).css( "background", "bla ...
- jQuery慢慢啃之回调(十三)
1.callbacks.add(callbacks)//回调列表中添加一个回调或回调的集合 // a sample logging function to be added to a callback ...
- jQuery慢慢啃之事件对象(十一)
1.event.currentTarget//在事件冒泡阶段中的当前DOM元素 $("p").click(function(event) { alert( event.curren ...
- jQuery慢慢啃之工具(十)
1.jQuery.support//一组用于展示不同浏览器各自特性和bug的属性集合 2.jQuery.browser//浏览器内核标识.依据 navigator.userAgent 判断. 可用值: ...
- jQuery慢慢啃之ajax(九)
1.jQuery.ajax(url,[settings])//通过 HTTP 请求加载远程数据 如果要处理$.ajax()得到的数据,则需要使用回调函数.beforeSend.error.dataFi ...
- jQuery慢慢啃之特效(八)
1.show([speed,[easing],[fn]])\\显示隐藏的匹配元素 //speed:三种预定速度之一的字符串("slow","normal", o ...
- jQuery慢慢啃之事件(七)
1.ready(fn)//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码...}); 使用 $(docume ...
- jQuery慢慢啃之CSS(六)
1.css(name|pro|[,val|fn])//访问匹配元素的样式属性 $("p").css("color");//获取 $("p") ...
随机推荐
- 51Testing丛书新作《软件测试工程师面试秘籍》
51Testing又有好消息告诉小伙伴了!51Testing软件测试网作品系列重磅推出全新丛书<软件测试工程师面试秘籍> 此次我们邀请到知名互联网企业测试专家李江(G.li),整理并撰写软 ...
- Android学习笔记(六)Fragment的生命周期
在上一篇博文中对Fragment做了简单的介绍,现在再来探讨一下Fragment的生命周期. 一.Fragment的几种状态: 与Activity类似,Fragment也有一下几种状态: · 活动状态 ...
- Mac下搭建Eclipse Android开发环境
之前一直是用windows搞android开发,但windows这个性能也真是让人醉了,终于一狠心,砸锅卖铁买了Mac.然后就开始在Mac上搭建android开发环境, 其实也不麻烦,关键是找准下载地 ...
- bzoj 2463 [中山市选2009]谁能赢呢?(博弈)
2463: [中山市选2009]谁能赢呢? Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 1290 Solved: 944[Submit][Stat ...
- spring mvc 介绍
Spring MVC Tutorial tag. * * If you do not want to deal with the intricities of the noscript * secti ...
- SQL 分组 加列 加自编号 自编号限定 分类: SQL Server 2014-11-25 15:41 283人阅读 评论(0) 收藏
说明: (1)日期以年月形式显示:convert(varchar(7),字段名,120) , (2)加一列 (3)自编号: row_number() over(order by 字段名 desc) a ...
- [RxJS] Combination operator: zip
CombineLatest and withLatestFrom are both AND-style combination operators. In this lesson, we will l ...
- android自定义控件,动态设置Button的样式
原文 http://www.cnblogs.com/landptf/p/4562203.html 今天来看一个通过重写Button来动态实现一些效果,如圆角矩形.圆形.按下改变字体,改变背景色,改变 ...
- 详细分享UICollectionView的自定义布局(瀑布流, 线性, 圆形…)
前言: 本篇文章不是分享collectionView的详细使用教程, 而是属于比较’高级’的collectionView使用技巧, 阅读之前, 我想你已经很熟悉collectionView的基本使用, ...
- SA密钥长度、明文长度和密文长度
本文介绍RSA加解密中必须考虑到的密钥长度.明文长度和密文长度问题,对第一次接触RSA的开发人员来说,RSA算是比较复杂的算法,RSA的复杂度是因为数学家把效率和安全也考虑进去的缘故. 本文先只谈密钥 ...