本章节主要Jquery选择器

jquery选择器与css选择器十分相似,特别需要注意的是

<script type="text/javascript">
document.getElementById("tt").style.color="red"/*若没有"tt"元素,浏览器者会报错*/
</script> <script type="text/javascript">
if(document.getElementById("tt"){
document.getElementById("tt").style.color="red";
)
</script>

$("#tt")获取的永远是对象,即使没有此元素也不会报错,同理

错

if($("#tt")){
//代码
} 对 if($("#tt").length>0){
//代码
} 或者转换为DOM对象也是对的 if($("#tt")[0]){
//代码
}

层次选择器

$("ancestor descendant")  空格表示选取祖先元素里所有的此类后代元素;

$("parent>child") 大于号表示选取父元素下的子元素(相隔一代);

$("prev+next")加号表示选取紧接在此元素后面的下一个同辈元素,可使用next()方法代替如

$(".one+div");等价于$(".one").next("div");

<li><span>Name</span><inputtype="text"/><inputtype="text"/></li>
 $("span+input").所有<span>后面的文本框

$("prev~siblings")~表示选取此元素后面的所有同辈元素,可使用nextAll()方法代替如

$("#prev~div");等价于$("#prev").nextAll("div");

过滤选择器

1.基本过滤选择器

:first选取第一个元素,$("div:first");

:last选取最后一个元素;

:not(selector)去除所有给定选择器匹配的元素;

:even选取索引是偶数的所有元素,索引从0开始;

:odd选取索引是奇数的所有元素,索引从0开始;

:eq(index)选取索引等于index的元素,index从0开始;(单个元素)

:gt(index)选取索引大于index的元素,index从0开始;(不包括index本身)

:lt(index)选取索引小于index的元素,index从0开始;(不包括index本身)

:header选取所有标题元素,h1、h2等;

:animated选取当前正在执行动画的所有元素,$("div:animated")选取正在执行动画的<div>元素

:focus选取当前获取焦点的元素,$(":focus")

2.内容过滤器

:contains(text)选取含有文本内容为"text"的元素,$("div:contains('我')")

:empty选取不包含子元素或者文本的空元素,$("div:empty")

:has(selector)选取含有选择器所匹配的元素的元素,$("div:has(p)"),选取含有<p>元素的<div>元素

:parent选取含有子元素或者文本的元素$("div:parent")

3.可见性过滤选择器

:hidden选取所有不可见的元素$(":hidden")也可以$("input:hidden")

:visible选取所有可见的元素$("div:visible")

4.属性过滤选择器

[attribute]选取拥有此属性的元素,$("div[id]")选取拥有id这个属性的元素

[attribute=value]选取属性值为value的元素,$("div[title=test]")选取属性title为"test"的<div>元素

[attribute!=value]选取属性值不等于value的元素,同上相反,没有属性title的<div>也会被选取

[attribute^=value]选取属性值以value开头的元素,类似第二条

[attribute$=value]选取属性值以value结束的元素,类似第二条

[attribute*=value]选取属性的值含有value的元素,类似第二条

[attribute|=value]选取属性等于给定串或以该字符串为前缀(有"-")的元素,$("div[title|='en']")选取title为en或以en为前缀

[attribute~=value]选取属性用空格分隔的值中包含一个给定值的元素,$("div[title~='uk']")选取属性title用空格分隔的值中包含字符uk的元素

[attribute1][attribute2][attributeN],复合属性选择器,$("div[id][title$='test']")选取拥有id并且title以"test"结束的<div>元素

5.子元素过滤选择器(注意:此类过滤选择器所选取的均为集合元素)

:nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素或者奇偶元素(index从1算起)

:first-child选取每个父元素的第一个子元素$("ul li:first-child")

:last-child选取每个父元素的最后一个子元素

:only-child如果某个元素是它父元素中唯一的子元素,那么将会被匹配;如果父元素中含有其他元素,则不会被匹配,

$("ul li:only-child")在<ul>中选取是唯一子元素的<li>元素

6.表单对象属性过滤选择器

:enabled选取所有可用元素$("#form1:enabled")

:disabled选取所有不可用元素$("#form2:disabled")(设置过disabled="disabled")

:checked选取所有被选中的元素(单选框,复选框)$("input:checked");选取所有被选中的<input>元素

:selected选取所有被选中的选项元素(下拉列表)$("select option:selected");选取所有被选中的选项元素

表单选择器

:input选取所有的<input>、<textarea>、<select>和<button>元素,$(":input")语法下同

:text选取所有的单行文本框

:password选取所有的密码框

:radio选取所有的单选框

:checkbox选取所有的多选框

:submit选取所有的提交按钮

:image选取所有的图像按钮

:reset选取所有的重置按钮

:button选取所有的按钮

:file选取所有的上传域

:hidden选取所有的不可见元素

选择器中的注意事项

选择器中含有"."、"#"、"("或"]"等特殊字符需要使用转义符,$("#id\\#b")  id值为"id#b"

在jQuery1.3.1版本不需要在属性前添加@符号

空格使用也尤为重要,如var $t_a=(".test :hidden")选取class为"test"元素里面的隐藏元素,

var $t_a=(".test:hidden")选取隐藏的class为"test"的元素

《锋利的Jquery第二版》读书笔记 第二章的更多相关文章

  1. 《ECMAScript标准入门》第二版读书笔记

    title: <ECMAScript标准入门>第二版 date: 2017-04-10 tags: JavaScript categories: Reading-note 2015年6月, ...

  2. 《细说PHP》第二版--读书笔记

    第五章 PHP的基本语法 5.2.4 在程序中使用空白的处理 5.3 变量 5.3.1 变量的声明 在php中变量的声明必须是使用一个$符号,后面跟变量名来表示 unset()函数释放指定变量 iss ...

  3. sed&awk第二版读书笔记

    1. POSIX标准对正则表达式字符和操作符的含义进行了形式化.这种标准定义了两类正则表达式:基本的正则表达式(BRE),grep和sed使用这种正则表达式;扩展的表达式,egrep和awk使用这种正 ...

  4. think in java 第四版读书笔记 第一章对象导论

    很久没有碰过java了,为了项目需要以及以后找工作,还是有必要将think in java通读一遍.欢迎大家一起讨论学习 1.1抽象过程 面向对象语言的5个特性: 1.万物皆对象 任何事物都可以抽象为 ...

  5. 《javascript权威指南》读书笔记——第二篇

    <javascript权威指南>读书笔记——第二篇 金刚 javascript js javascript权威指南 今天是今年的196天,分享今天的读书笔记. 第2章 词法结构 2.1 字 ...

  6. Docker技术入门与实战 第二版-学习笔记-10-Docker Machine 项目-2-driver

    1>使用的driver 1〉generic 使用带有SSH的现有VM/主机创建机器. 如果你使用的是机器不直接支持的provider,或者希望导入现有主机以允许Docker Machine进行管 ...

  7. Docker技术入门与实战 第二版-学习笔记-8-网络功能network-3-容器访问控制和自定义网桥

    1)容器访问控制 容器的访问控制,主要通过 Linux 上的 iptables防火墙来进行管理和实现. iptables是 Linux 上默认的防火墙软件,在大部分发行版中都自带. 容器访问外部网络 ...

  8. Linux设备驱动程序 第三版 读书笔记(一)

    Linux设备驱动程序 第三版 读书笔记(一) Bob Zhang 2017.08.25 编写基本的Hello World模块 #include <linux/init.h> #inclu ...

  9. Primer C++第五版 读书笔记(一)

    Primer C++第五版 读书笔记(一) (如有侵权请通知本人,将第一时间删文) 1.1-2.2 章节 关于C++变量初始化: 初始化不是赋值,初始化的含义是创建变量时赋予其一个初始值,而赋值的含义 ...

  10. 单元测试之道Java版——读书笔记

    单元测试知道Java版读书笔记 首先我们必须要知道我们所写的代码,它的功能是什么,如果我们不了解代码的行为,那么也就无从测试. 我们测试的目的,是为了我们整个程序架构的稳定,代码其实就是欧文要实现功能 ...

随机推荐

  1. HTTP中Get与Post、ViewState 原理

    Http是请求,响应的模型,服务器不会来读取浏览器的网页,只能够得到客户端提交过来的数据当用户点击提交,服务器就知道"提交回来了"(PostBack) Get与Post 设置for ...

  2. mini2440移植uboot-2008.10 (一)

    今天是我申请此博客的第一天,从现在开始养成每次学完新东西,都要写博客进行总结的习惯!!!Come on! 首先就从这两天学的uboot开始吧,这两天学这个东西郁闷死了,不知道该怎么去学,尤其是到nan ...

  3. mac 下 sublime text 运行c++/c 不能使用scanf/cin

    { "cmd": ["g++", "${file}", "-o", "${file_path}/${file_ ...

  4. js stringObject的indexOf方法

    我所写的这个是基本知识的基本知识,为什么我还是要写呢,所谓说好记性不如烂比头,作为一名前端开发人员,太多相似的代码见的又太多,但是又不常见,所以很容易忘记,那我把indexOf原理讲清楚 indexO ...

  5. 一个小程序[Socrates]中学到的Perl点滴

    1. 抓取网页源文件,只要三行代码 use LWP::Simple; $url='http://music.baidu.com/top/dayhot'; $page=get($url) or die ...

  6. insert遭遇阻塞

    insert的阻塞确实不常见,今天碰到了一个,看书又了解一个,整理下.1.多个会话同时向unique字段插入相同的值session1:首先建测试表test,并在字段id上创建一个主键索引(唯一键也可以 ...

  7. CSS3------background-size(背景图片尺寸属性)

    background-size 可以设置背景图片的大小,数值包括 长度length和百分比percentage. 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围.那么 ...

  8. C#网页自动登录和提交POST信息的多种方法(转)

    网页自动登录和提交POST信息的核心就是分析网页的源代码(HTML),在C#中,可以用来提取网页HTML的组件比较多,常用的用WebBrowser.WebClient.HttpWebRequest这三 ...

  9. [原博客] POJ 1067 取石子游戏

    题目链接有两堆石子,数量任意,可以不同.游戏开始由两个人轮流取石子.游戏规定,每次有两种不同的取法,一是可以在任意的一堆中取走任意多的石子:二是可以在两堆中同时取走相同数量的石子.最后把石子全部取完者 ...

  10. Investigation of Different Nets and Layers

    Investigation of Different Nets and Layers Overview of AlexNet (MIT Places | Flickr Finetuned | Oxfo ...