当前位置:首页>正文

jquery索引选择器 jquery选择器理解

2023-04-09 13:46:38 互联网 未知

jquery选择器理解

控制TD的。
:not
返回值:Array
概述
去除所有与给定选择器匹配的元素

在jQuery 1.3中,已经支持复杂选择器了(例如:not(div a) 和 :not(div,a))

参数
selectorSelector用于筛选的选择器

示例
描述:
查找所有未选中的 input 元素

HTML 代码:

jQuery 代码:
$("input:not(:checked)")结果:
[ ]

jquery选择器怎么用

怎么选择class=nav下面ul里面的某个li
例如选择第一个li,如下即可:
$(".nav").find("li:first")
选择第二个li
$(".nav").find("li:eq(1)")
选择第三个li
$(".nav").find("li:last")

jQuery中选择器的使用问题

$("div.str>div") 与 $("div.str div")的区别,在于选择的范围大小不同或者说选择的层级不同。

$("div.str>div") 意思为: 在class为str的div下面选择所有的div子元素。
$("div.str div") 意思为:在class为str的div下面选择所有的div元素。

当只需要定位到子元素时,使用上面的语法;
而当选择的范围扩散到更深层的元素时,使用下面的语法。

选定class的时候直接写成.str的语法,没有问题,但是有可能出现丧失精准度的现象。
举个简单的例子:


这时使用$(".str")会得到两个对象,所以这种写法不如$("div.str")来的定位更准确。
通过使用前置标签来达到精确获取对象,更能提高效率。

-------------------------------------------------------------------------------------------------