element:根据元素的名称来获取元素 selector1,selector2:同时获取多个元素 .class:根据元素的 class 属性来获取元素 2、层级选择器(重点) ancetor descendant :选取祖先元素下的所有后代元素(多级) parent > child :选择父元素下的所有子元素(一级) prev + next :选取当前元素紧邻的下一个同级元素 prev~
input, a等等.3、class用法: $(".myClass") 返回值 集合元素 说明: 这个标签是直接选择html代码中class="myClass"的元素或元素组(因为在同一html页面中 class是可以存在多个同样值的)4、*用法: $("*") 返回值 集合元素 说明: 匹配所有元素,多用于结合上下文来搜索5、selector1, selector2, selectorN 用...
$("p:not(.intro)") 尝试一下 » 定义和用法 :not() 选择器选取除了指定元素以外的所有元素。 最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素(如上面的实例)。 语法 $(":not(selector)") 参数描述 selector必需。规定不选择的元素。
简单的介绍完Zepto之后,我们再谈谈它和jQuery之间的区别,从功能先入手,之后会讲到大家纠结的大小,效率等问题: 选择器的区别;Zepto实现了一些基本的选择器,排除了部分选择方式。其中不支持的有: 基本伪类选择::first、:not(selector)、:even、:odd、:eq等通过“:”来实现选择方式。 属性选择:[attribute!=value]。
$select.css("color", "yellow"); // * 通用选择器: 选择页面上所有的标签 var $all = $("*"); console.log($all); $all.css("color", "orange"); }); </script> </head> <body> <!-- 基本 #id elemen .class * selector1,selector2,selectorN ...
jQuery的:not(selector)选择器 定义和用法 :not() 选择器选取除了指定元素以外的所有元素。 最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素 语法 $(":not(selector)") 实例 选取除了 class="intro" 元素以外的所有 <p> 元素:...
:not(selector) not表示排除掉的意思,所以这个简单伪类选择器表示获取相反的其他元素。代码参考教材2.1.4节。 :first :last :odd :even 选择集合中的第一项、最后一项、偶数行项、奇数行项。代码参考教材2.1.4节。 :eq :lt :gt 选择集合中的某一项,选择集合中所有小于指定的项、选择集合中所有大于指定项的项...
编写jQuery选择器:使用选择器来查找包含某个class的元素。可以使用多种选择器语法,如基本选择器、层次选择器、属性选择器等。 执行操作:获取到包含某个class的元素后,可以对其进行各种操作,如修改样式、绑定事件、插入内容等。 下面我们将详细说明每个步骤需要做什么,并提供相应的代码示例。
.class:类选择器,根据给定的类匹配元素,返回元素集合。 *:匹配所有元素,返回元素集合。。 selector1,selectorN:将每一个选择器匹配到元素合并后一起返回,返回合并后的元素集合。 2、层次选择器 ancestor descendant:根据祖先元素匹配所有的后代元素。 parent>child:子选择器,根据父元素匹配所有的子元素。 prev +ne...
3、:not(selector) 用法: $(“input:not(:checked)”) 返回值 集合元素 说明: 去除所有与给定选择器匹配的元素.有点类似于”非”,意思是没有被选中的input(当input的 type=”checkbox”). 4、:even 用法: $(“tr:even”) 返回值 集合元素