charset="UTF-8"> Document <script type="text/javascript" src="<em>jquery</em>...) { var $div=$("div:empty"); console.log($div); var $div1=$("div:parent...span> // :empty 作用:找到既没有文本内容也没有子元素的指定元素 // :parent
jQuery的选择器 一、 基本选择器 1....(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...jQuery对象。...2. parent>child选择器 parent>child选择器中的parent代表父元素,child代表子元素,用于在给定的父元素下匹配所有的子元素,使用该选择器只能选择父元素的直接子元素...使用公式:(” parent>child “) parent是指任何有效的选择器 child是用以匹配元素的选择器,并且它是parent
原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1....基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 ? 2. 层级选择器 层级选择器最常用的两个分别为:后代选择器和子代选择器。 ?...语法 用法 说明 parent() $("li"). parent(); 查找最近一个父级 children(selector) $("u1"). children("li"); 相当于$("ul>1i...protected" ) 检查当前的元素是否含有某个特定的类,如果有,则返回true eq( index) $("li").eq(2); 相当于$("li:eq(2)"),index从0开始 重点记住: parent...$(this).css('color', 'red').sibling().css('color', ''); 8.
jquery选择器允许对html中的元素组合单个元素进行操作,jquery的选择器和css的选择器几乎大同小异,大致分为元素选择器、id选择器和类选择器。...jquery的选择器基于元素的id、类、类型、属性、属性值等查找或选择html元素,基于已经存在的css选择器,另外,jquery也支持自定义选择器。...jquery中所有选择器都是以美元符号开头,即$()。 元素选择器 <!...id选择器 jquery的id选择器通过html元素中的id属性选取指定的元素,页面中的元素id必须是唯一的,所有在选择的时候需要使用#id选择器。 <!...类选择器 类选择器,也就是.class选择器。jquery可以通过指定的class查找元素。 <!
类选择器,点击事件 $(".demo").click(function(){ alert() }) ?...(#tt).length>0){ } 选择器 ? image.png 属性过滤选择器 div[id] div[title=test] div[title!...image.png 层次选择器 ? image.png ?...image.png 内容过滤选择器 :contains() :has() ? image.png 可见性过滤选择器 :hidden :visible ? image.png 子元素过滤选择器 ?...image.png 表单选择器 :input :text :password :radio :checkbox :submit ? image.png ---- 表格隔行变色 ?
1、 基本选择器 选择器 描述 结果 示例 #id 根据id获取元素 单个 $(“#myid”)选取id的值为myid的元素 .class 根据class获取元素 集合 $(“.myclass”)选取...)获取所有标签元素 a,.myclass,#id等 获取对应标签元素 集合 $(“a,.myclass,#myid”)获取a、class的值为myclass以及id为myid的元素集合 2、 层次选择器...选择器 描述 结果 示例 $(“#myid .sonid”) 选取id为myid里所有后代元素 集合 $(“#myid .my”)这里是后代元素 $(“#myid >.sonid”) 选取id为myid...元素中最后一个div :not(selector) 去除所有给定选择器匹配的元素 集合 $(“input:not(.myclass)”)去掉class不是 myclass的input元素 :even...集合 $(“div:has(“p”)”)选取含有p标签的div元素 :parent 选取含有子元素或者文本的元素 集合 属性过滤 选择器 描述 结果 示例 [attribute] 选取拥有此属性的元素
jQuery网页脚本语言核心之一 概述: 1. 选择器是jQuery的基础 2. 对事件处理,遍历DOM和Ajax操作都依赖于选择器 3. 可简化代码 什么是jQuery选择器?...通过 过滤选择呢亲选择元素 (1) 基本过滤选择器 (2) 可见性过滤选择器 详解: 通过css选择器选取元素 jQuery支持大多数css选择器 最常用的有:基本选择器,层次选择器和属性选择器 在jQuery...补充:jQuery中还有交集选择器: 语法:$(AB) 一个元素,必须保证AB两个属性同时具备(与并集选择器正好相反) 2. 层次选择器 1. ...通过DOM之间的层次关系来获取元素 2. jQuery有四种常用的层次选择器: (1) 后代选择器 (2) 子选择器 (3) 相邻选择器 (4) 同辈选择器 ?...//带空格的jQuery选择器 var $t a= $(".test :hidden") ; //不带空格的jQuery选择器 var $t b= $ (".test:hidden") ; var len
jQuery选择器 jQuery的基本用法 < script type=“text...常用的DOM元素操作方法 (selector).parent() – 返回被选元素的直接父元素。...(selector).nextAll() – 返回匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。...// parent()、next()、prev()、first()、last()、eq()只返回一个元素。...(selector).each() 对对象进行迭代,为每个元素执行函数 (selector).toArray() 以数组的形式返回 jQuery 选择器匹配的元素 (selector).text()
1 $("*") ---------选取所有元素 2 $(this) --------选择当前HTML元素 3 $("p.a")...
1. jQuery选择器的介绍 jquery选择器就是快速选择标签元素,获取标签的,选择规则和css样式一样。...2. jQuery选择器的种类 标签选择器 类选择器 id选择器 层级选择器 属性选择器 示例代码: $('#myId') //选择id为myId的标签 $('.myClass') // 选择class...小结 jQuery选择器就是选择标签的 标签选择器是根据标签名来选择标签 类选择器是根据类名来选择标签 id选择器是根据id来选择标签 层级选择器是根据层级关系来选择标签 属性选择器是根据属性名来选择标签
基本选择器 基本选择器是最简单的选择器,可以通过元素id、class和标签名等来直接查找DOM元素。 元素选择器 根据给定元素名匹配元素。如下选择的是所有div元素。...-- 引入jQuery --> child") 选取parent元素下的child(子)元素。 $("div > span")选取下元素名是span的子元素。...-- 引入jQuery --> 元素。 范例代码 <!
基本选择器(*) 在开发过程中,jQuery对象的定义 var $obj=$("选择的对象"); //$obj为自定义的元素名 id选择器 $("#id"); 选中的结果是该元素的jQuery对象 标签选择器...$("标签名称");jquery对象的集合,如果选择结果只有一个,那么是当前对象 类选择器 $(".类名"); jQuery对象的集合,类名是在css中定义 并集选择器 $("selector1seletor2...全局选择器 $("*"); jQuery对象的集合,会选中所有 层次选择器(*) 后代选择器 $("selector1 selector2"); 选择selector1内部所有满足selector2的元素...选择满足选择器1元素后面的满足选择器2的元素 注意:只能选择相邻后面的一个 同辈元素选择器 $("选择器1~s选择器2"); 选择选择器1元素之后的同辈元素, 并且同辈元素满足选择器2的要求 注意:前面的同辈元素是不会被选择的...parent 匹配含有子元素或者文本的元素; 子元素过滤选择器 :nth-child(index) 匹配其父元素下的第N个子或奇偶元素; 注意:index值从1开始,可以是数字, 可以是
1 jQuery 选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1.1....基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 ? 1.2. 层级选择器 层级选择器最常用的两个分别为:后代选择器和子代选择器。 ?...筛选选择器 筛选选择器,顾名思义就是在所有的选项中选择满足条件的进行筛选选择。常见如下 : ?...1.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果,排他思想:当前元素设置样式,其余的兄弟元素清除样式...$(this).css('color', 'red').sibling().css('color', '');
jquery用法思想 选择某个网页元素,然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。...DOCTYPE html> <script type="text/javascript" src="<em>jquery</em>/<em>jquery</em>...选择div元素之前所有的同辈元素 $('div').next(); //选择div元素后面紧挨的同辈元素 $('div').nextAll(); //选择div元素后面所有的同辈元素 $('div').<em>parent</em>
在jQuery向上遍历DOM树的API中,有parents()、parent()和closest(),这三个方法比较容易混淆,这里介绍一下三者的区别。 1....同时,本方法还接受一个字符串选择器,用于从返回的节点集中筛选符合选择器的子元素集。 parent([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的父节点。...closest(selector) 本方法用于向上遍历jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,直到找到符合selector选择器的节点为止。 2....区别 closest()从自身开始向上遍历,直到找到一个适合的节点,返回的jQuery对象包含0个或者1个对象; parents()从自身的父节点开始向上遍历,返回所有祖先节点,并根据选择器对这些节点进行筛选...对象; $("b").parent()将返回:由span构造的jQuery对象; $("b").closest("div")将返回:由div构造的jQuery对象。
jQuery是一种流行的JavaScript库,用于简化HTML文档的操作和动态交互。在jQuery中,层次选择器是一种非常有用的选择器,可以根据元素之间的层次关系选择特定的元素。...在jQuery中,层次选择器使用空格来表示元素之间的层次关系。下面是一些常用的层次选择器:后代选择器(Descendant Selector)用于选择所有指定元素的后代元素。...相邻兄弟选择器(Adjacent Sibling Selector)用于选择指定元素的下一个相邻兄弟元素。...全部兄弟选择器(General Sibling Selector)用于选择指定元素后面的所有兄弟元素。...通过层次选择器,我们可以轻松地选取到HTML文档中特定层次关系的元素,从而方便地操作和修改这些元素。无论是处理DOM元素还是实现动态交互,jQuery的层次选择器都是非常有用的工具。
先说选择器,要知道js里,也有,就是你给标签起了id,class名,在js里需要获取是一个意思。...在jq中很方便,不用写很长的xxx=document.getElementById(‘xxx’) 1.基本选择器 ? 2.层次选择器 ? 3.过滤选择器 ? 4.内容过滤器 ?...5.可见选择器 ? 6.属性选择器 ? 7.子元素选择器 ?...其中nth-child(xn+y)表示:从第y各元素起,选取每第x个元素 例3n+2表示从第二个子元素开始,选取每个第三个的元素 even:偶数 odd:奇数 8.表单元素过滤选择器 ?...表单中选择确切的某个属性的元素,不需要全部都写input 熟练使用选择器是熟练使用jq的前提 图片全部来自个人word文档中的截图,如有错误欢迎指出,互相学习。
关于层级选择器。 $("parent > child") 选择所有指定“parent”元素中指定的“child”的直接子项元素。 parent :任何有效的选择器。...; $("ancestor descendant") 选择给定的祖先元素的所有后代元素 ancestor:任何有效的选择器; descendant: 一个用来筛选子元素的选择器;...prev 任何有效的选择器 next 用于筛选跟在“prev”后面的选择器 $(function(){ $("label + input").css("border","2px solid...red") //将所有紧跟在 label 后面的input 标签加上边框 }); $("prev ~ siblings") 选择任何一个有效选择器以后面的所有兄弟元素。...prev 任何有效的选择器 siblings 一个选择器用来过滤第一个选择器之后的兄弟选择器。
关于基本选择器包括 “*” ,“.class”,"element","#id","selector1 selementN" "*" 选择器,可以找到文档中的所有的元素,包括 head body...$(function(){ $(".myclass").css("background-color","red"); //找到带有 .myclass 这个选择器的所有的...div 元素 //找到带有 .biaoq这个选择器的所有的下面span元素 }) “#id”选择一个具有给定id 属性的单个元素。...function(){ $("#myid").css("background-color","red"); //找到带有 #myclass 这个选择器的所有的...元素 }) "selector1 selementN" 将每个选择器匹配到的元素合并后返回 $(function(){ $(".jh div, .jh .myclass"
HTML5学堂:在学习JQuery开发的时候,选择器有多种,而我们将接着介绍选择器的其他类型,希望对大家有帮助!...: 把属性选择器不放在css选择器里面是因为jQuery中写法是不一样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath类似的写法: $("mix[@attr]"...E:lt(n):元素限定 E:first:相当于E:eq(0) E:last:最后一个匹配的元素 E:even:从匹配的元素集中取序数为偶数的元素 E:odd:从匹配的元素集中取序数为奇数的元素 E:parent...文档中的所有div元素 选择器来源可以是:作为上下文的DOM元素,文档或jQuery对象 还有两个:$.extend(prop)和$.noConflict()是和插件以及和其他库兼容的使用,以后再写 jQuery...相关阅读:JQuery选择器(上)
领取专属 10元无门槛券
手把手带您无忧上云