jQuery之选择器:
a——匹配所有链接(<a>)元素
#specialID——匹配id为specialID的元素
.specialClass——匹配拥有CSS类specialClass的元素
a#specialID.specialClass——匹配id为specialID,拥有CSS类specialClass的链接元素
p a.specialClass——匹配拥有CSS类specialClass,在<p>元素内声明的链接元素
子选择器:
p>a——匹配作为<p>元素的直接子节点的链接。如果链接被嵌套在更深一层,比如在<p>之内的<span>内,则链接不会被选中。
特性选择器:
a[href^=http://]——匹配包含以http://开头的href值的链接(“^”符号用于表示匹配出现在某个值的开头)
a[href$=.pdf]——匹配包含以.pdf结尾的href值的链接(“$”符号用于表示匹配出现在某个值的结尾)
a[href*=jQuery.com]——匹配在任何位置包含jQuery.com值的链接(“*”符号用于表示匹配出现在某个值的任意位置)
form[method]——匹配拥有显示method特性的任何<form>元素(不管特性的值是什么)
input[type=text]——匹配type特性值为text的所有<input>元素
容器选择器:
li:has(a)——匹配包含<a>元素的所有<li>元素(注意:li a匹配的是<li>元素里所有的<a>元素)
位置选择器:
:first——页面最先的匹配 li a:first返回最先的并且在列表<li>项下的链接
:last——页面最后的匹配 li a:last返回最后的并且在列表<li>项下的链接
:first-child——最先的子元素 li:first-child返回每个列表最先的项
:last-child——最后的子元素 li:last-child返回每个列表最后的项
:even或:odd——页面范围内偶数或奇数的匹配元素 li:even返回全部偶数<li>项
:eq(n)——第n个匹配元素(n从0开始)
:nth-child(n)——第n个子节点(n从1开始)
:nth-child(even | odd)——偶数或奇数的子节点
选择器nth-child(n)从1开始计数,而其他选择器从0开始计数。(主要是为了与CSS兼容,但却很容易让人糊涂)
jQuery之包装集
通过jQuery函数(如$(‘#someDiv’))就可得到jQuery的一个包装集,下面主要介绍用于包装集的常用命令语法。
size()——返回包装集里元素的个数
get(index)——获取包装集里的一个或所有匹配元素。如果不指定参数,包装集里的所有元素就以JavaScript数组形式返回;如果指定了下标参数,就返回下标对应的元素。
index(element)——在包装集里查找传入的元素,并返回该元素在包装集里的顺序下标;如果元素不在包装集里,则返回-1。
add(expression)——把表达式参数所指定的元素添加到包装类,表达式可以是选择器、HTML片段、DOM元素或DOM元素数组。
not(expression)——根据表达式参数的值,从包装集里删除元素,如果参数是jQuery筛选选择器,则从包装集里删除任何匹配表达式的元素;如果参数是元素引用,则从包装集里删除该元素。
filter(expression)——利用传入的选择器表达式或筛选函数,从包装集里筛选元素。
slice(begin,end)——创建并返回新的包装集,新包装集包含原始包装集的连续的一部分。
find(selector)——返回新的包装集,包含原始包装集里与传入选择器表达式相匹配的所有元素。注意:原始包装集里元素的后代,会因为与传入的选择器表达式相匹配而被包含在新包装集里。
end()——在jQuery命令链内调用,以便退回到前一个包装集。
相关推荐
Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个...
**jQuery学习笔记合集概述** jQuery是一个广泛应用于前端开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。这个"JQuery学习笔记合集"包含了三个部分,旨在帮助开发者从初级到高级...
**jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...
**jQuery 学习笔记:各种选择详解** 在前端开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 DOM 操作、事件处理和动画效果。本笔记将深入讲解 jQuery 的选择器,帮助开发者更高效地选取和操作网页...
本学习笔记将聚焦于jQuery的核心功能之一:常规选择器。通过理解并熟练运用这些选择器,你可以更加高效地定位和操纵网页中的元素,提升开发效率。 1. 元素选择器: jQuery的元素选择器允许我们根据HTML标签名来...
**jQuery学习笔记** jQuery,作为一个轻量级的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧,帮助初学者快速上手。 ## 一...
以下是对JQuery学习笔记的详细解析: 首先,JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异,导致开发跨浏览器的网页应用变得复杂。为了统一这些...
CHM文件是一种常见的帮助文档格式,用户可以通过这个文件快速查找并理解jQuery的各种方法、选择器和插件。 `javascript.zip`和`javascript的函数.zip`可能分别包含JavaScript的通用教程和关于函数的专门讨论。...
《韩顺平jQuery学习笔记及练习》是一份珍贵的学习资源,由知名讲师韩顺平的课程实录整理而成,旨在帮助学习者深入理解和掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互...
第2章. jQuery选择器 4 1. jQuery优点 4 2. 基本选择器 4 3. 层次选择器 4 4. 过滤选择器 5 5. 内容过滤选择器 5 6. 可见性过滤选择器 5 7. 属性过滤选择器 6 8. 子元素过滤选择器 6 9. 表单对象属性过滤选择器 7 10...
《jQuery学习笔记详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,因其简洁的语法和强大的功能,深受开发者喜爱。这份"jQuery学习笔记.rar"包含的资源旨在帮助你全面掌握jQuery,无论你是初学者还是有...
《jQuery学习笔记详解》 jQuery,作为一款广泛应用于Web开发的JavaScript库,以其简洁的API、强大的功能和广泛的社区支持,极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。这篇学习笔记将深入探讨...
这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配,是学习熟悉jQuery的好资料!
**jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...
该学习笔记带有很不错的DEMO,而且笔记中有比较详细的总结,对于初学者来说,可以根据笔记中的实例训练,达到理解jQuery核心——选择器的目的。
这份"js&jquery学习笔记"应该包含对这些概念的详细解释,以及示例代码和练习,帮助读者理解和掌握这两种技术。对于初学者来说,这是一份宝贵的资源,能够快速上手JavaScript和jQuery,提升Web开发技能。
以上就是关于《锋利的jQuery》学习笔记中涉及的一些核心知识点,包括jQuery对象与DOM对象的转换、解决库冲突的方法以及jQuery对CSS选择器和选择器的扩展应用。理解并掌握这些内容,将有助于你更加高效地使用jQuery...
基本选择器(ID选择器、类选择器、标签选择器)已经提及,更进一步,还有层次选择器(如后代选择器、子元素选择器、相邻兄弟选择器、通用兄弟选择器),属性选择器(根据元素的属性和值来选择),以及伪类选择器(如...