jQuery中常用的选择器
层次选择器:$('div p); / /选择所有的P元素在div
$('div>P')。Css('border''1px,固体红'); / /只选择直接在div的子元素
相邻元素
$('div ~ P)。Css('border''1px,固体红');和$('div)。NextAll('p') / /等效;div后面说
所有P兄弟元素
$('div ~ *。CSS('border'),'1px固体红'); / /所有的元素后面的div的兄弟说
$('div + P)。Css('border''1px,固体红');和$('div)。二('p') / /这等于说在div
只在它旁边找到第一个同级元素,元素是p。
获取手足之情元素的方法:
(下一步);在后面(下一个)后面的兄弟中的第一个元素。
(nextall); / /所有的兄弟在当前元素
(沪指); / /到以前的亲哥哥元(一)
(prevall); / /兄弟当前元素之前
(兄弟姐妹);所有兄弟的当前元素
基本滤波器选择器:
$(p:第一)相当于$('p')。弗斯特()。在所有的P元素得到第一个P元素
$(P:最后)和$('p')最后的()。
$(p:情商(2))发现,在所有的P元素索引2元
$(p:甚至)的P标签的所有奇数的选择
$(p:奇怪的)所有连P标签的选择
$(p:不(TST)),Css();在选择所有的p元素不适用的风格写一个选择器的名字。TST
$(p:GT(1))选择所有的P元素的索引值大于1
$(p:LT(3))选择所有的P元素的值小于3。
$(:头)选择所有元素的h1-h6的网页。(如果这是书面的,有在中间。绝对没有空间)
属性筛选选择器:
$(})选择id属性。
$(div {标题=测试})选择标题属性的测试,也没有getelementsbyname jQuery
封装,使用$()输入
$()!=测试})选择未测试的title属性
您也可以选择开始{名称},{名称}的结尾,{名称},等等。
它可以是复合的。{属性1 = }属性2 = }(*)
表单对象属性选择器(筛选器):
$(# Form1:启用)选择所有启用的元素ID为Form1窗体
$(# Form1:禁用)选择所有禁止的元素在形式与ID为Form1
$(输入:选中)选择所有不添加空格的选定元素(单选框、复选框)。
$(选择:)选择所有选定的选项元素(下拉列表)
表单筛选选择器:
$(# Form1:启用'); / /这表示可以启用和ID Form1标签
$(# Form1:启用'); / /这表示可以启用和ID在Form1的所有元素启用。
$(输入:检查)
$(输入:残疾人)
$('select:选择)
$(输入)选择所有元素,它与$()不一样,
只获得$()
$(:)选择所有单行文本框,相当于
$(输入文本} {类型=),$(输入{类型=文本}),$(':'的文本);
$(::)选择所有密码框。
内容筛选选择器:
包含(文本):过滤包含给定文本的元素。
空有没有子元素或者是空元素。
有(selecttor)
家长获得元素的子元素。
可见性过滤器:
:隐藏
选择所有的不可见元素,包括:(如果你直接写的话:隐藏将包含头。
1。表单元素类型=隐藏
2。设置显示:CSS没有
三.高度和宽度清楚地设置为0。
4。父元素的子元素是隐藏的,所以也隐藏。
可见性:隐藏和不透明度不为0,因为它仍然被占用,因此不被认为是隐藏的。(与以前的版本)
jQuery是不一样的,在1.3.2)
:可见
选择所有可见元素
子元素过滤选择器:
第一个孩子和第一个孩子的区别:首先只能选择第一个,而第一个孩子可以选择每个子元素的第一个元素。
最后一个孩子:
独生子:匹配当前父元素中只有一个子元素的元素。
n个子:比较EQ(),了解EQ()值匹配一个,n个子()匹配每个父元素的子元素。
n个子(index),索引从1开始
n个子(偶数)
n个子(奇数)
nth-child(3N),选取3多个元素
nth-child(3n + 1)满足一个+ 1 3元
小心 uff1a
1。jQuery选择器选择的对象本身就是jQuery对象,选择器有一个隐式迭代,例如:
$('p')。Click(function(){)
警报(这个。innerText);
});
单击事件对所有p进行注释。
2、不管选择器选择多少元素,返回的元素都是一个集合对象。如果找不到对应的元素,则集合对象的长度值为0。如果选择元素,长度元素是选定元素的索引值,因此它也基于此属性来确定元素是否存在:
IIF($(div#) / /。长度>0)判断元素是否存在
三.在事件中,这也表示当前触发事件的元素的对象,但这里是DOM对象,而不是jQuery对象。如果需要在jQuery中执行方法或属性,则应该将其转换为jQuery对象。
转换的模式是:$(这个);