JavaScript-jquery 使用属性选择器时遇到的问题

Web程序数据库 Web程序数据库 主题:1214 回复:2505

JavaScript-jquery 使用属性选择器时遇到的问题

想挽留 发布于 2016-12-23 字数 297 浏览 1440 回复 3

如下:

$("div [class='t']").length 与 $("div[class='t']").length
//或
$(".bg [name='test']").length 与 $(".bg[name='test']").length
//或
$("#id [type='input']").length 与 $("#id [type='input']").length
//等等类似上边的用法。

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(3

瑾兮 2017-05-20 3 楼

$("div [class='t']").length本质上等于

$("div *[class='t']").length

即div下所有class为t的元素,其他同理

清晨说ぺ晚安 2017-04-18 2 楼

$("div [class='t']")等于 $("div .t"),$("div[class='t']")等于 $("div>.t")。两个都是获取子集class为t的孩子,不过后者只会获取第一层,前者就会获取全部

甜柠檬 2017-01-24 1 楼

说下我的理解,
这个应该是jQuery中CSS选择器的区别
$("div [class='t']")这种方式叫做“ancestor descendant”,只选择div元素的后代元素中带有class为t的元素。
而$("div[class='t']")则只会选择带有class为t的div元素

做了个例子,看下就一目了然了。

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[add your bin description]" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div class="t">
<span class="t">

</span>

&lt;span class="t"&gt;

</span>
<div class="t">

</div>

&lt;div class="t"&gt;

</div>

</div>

</body>
</html>

运行结果如下:

console.log($("div [class='t']").length);

console.log($("div[class='t']").length);
4
3

在线运行:
http://jsbin.com/ufimac/2/edit