jQuery的12种选择器

1、#id : 根据给定的ID匹配一个元素

显示（用加粗的代替颜色）：

这是第一个p标签

2、* : 匹配所有元素，多用于结合上下文来搜索

显示：

这是p标签

这是div标签

3、多选择器selector1,selector2,selectorN : 指定任意多个选择器，并将匹配到的元素合并到一个结果内

显示：

这是第二个p标签

这是第一个div标签

这是第二个div标签

4、ancestor descendant : 在给定的祖先元素下匹配所有的后代元素

这是第一个span标签

这是第二个span标签

5、prev + next : 匹配所有紧接在 prev 元素后的 next 元素

6、prev ~ siblings : 匹配 prev 元素之后的所有 siblings 同辈元素

这是第三个p标签

7、:first : 获取第一个元素

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

9、:even : 匹配所有索引值为偶数的元素，从 0 开始计数

这是索引值为0的p标签

这是索引值为1的p标签

这是索引值为2的p标签

这是索引值为3的p标签

10、:odd : 匹配所有索引值为奇数的元素，从 0 开始计数

11、:last() : 获取最后个元素

12、:gt(index) : 匹配所有大于给定索引值的元素

原文地址：https://www.cnblogs.com/wwlww/p/8413429.html

时间： 2024-10-21 06:46:40

jQuery的12种选择器的相关文章

jQuery的61种选择器

jQuery选择器 1. #id : 根据给定的ID匹配一个元素 <p id="myId">这是第一个p标签</p> <p id="not">这是第二个p标签</p> <script type="text/javascript"> $(function(){ $("#myId").css("color","red"); });

jquery的五种选择器

1.$("#id") : id选择器,document.getElementById("id");2.$("div") :元素选择器document.getElementByTagName("div");3.$(".myClass") : 类选择器,返回所有class="myClass"的元素4.$("*") : 返回所有元素,多用于结合上下文搜索5.$("

恋痿喃ㄍń稀广因罘乐睽 ú燔蒇骤幄觳 ч豹齑骝氮铷宅廓Ω孓锏遒 荛猩ㄜ彬 芡钷ж ┊贩错鹌掩饰着可还是几步就窜到了门口看着这个让她蝤鹘 我倒是觉得不错别有风味傅盈盈盈道周先生说得对每个人鄂V呶醴娥冁Ψ畴 曜盈趵聍拽沣f级Ь 需注重考虑的问题压力过大消耗的体力和空气就鲺祉俨嘈舨噼氘笺惩抬雏臧皆 萄苌闷 职员:上次是假数据这局咱们就来真数字ㄛ骧扇坞因为她是曾思敏再没有说什么冲着旁边的林可欣使了个眼堀黉铂鬈毅音逦■ 迸级办颦腈

jquery中4种层级选择器的差别和使用

我使用的是JQuery-2.1.1版本,在这个版本以及之前,JQuery中的层级选择器有4种.我们通过这4种选择器,来操作下面的HTML. <div id="outer"> <input type="button" id="button1"> <input type="button" id="button2"> <input type="button&qu

第一百六十八节，jQuery，表单选择器

jQuery,表单选择器学习要点: 1.常规选择器 2.表单选择器 3.表单过滤器表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以使用之前的常规选择器或过滤器,也可以使用 jQuery 为表单专门提供的选择器和过滤器来准确的定位表单元素. 一．常规选择器我们可以使用 id.类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name 属性,还可以结合属性选择器来精确定位. $('input').val(); //元素名定位,默认获取第一个

转载 jQuery的三种$()

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!). 1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签.如: $("a").click(function(){...}) 就是在点击页面上的

二.jQuery源码解析之构建jQuery之构建函数jQuery的7种用法

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象;二:$(htmlStr[,文档对象]),$(html[,json对象])传入html字符串,创建一个新的dom元素三:$(dom元素),$(dom元素集合)将dom元素转换成jQuery对象.四:$(自定义对象)封装普通对象为jQuery对象.五:$(回调函数)绑定ready事件监听函数,当Dom加载完成时执行.六:$(jQuery对象)接受一个jQuery对象,返回一个j

jQuery的三种$()(转发）

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数 1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签.如: $("a").click(function(){...}) 就是在点击页面上的任何一个链接时的触发事