Question

Jquery 选择器

function () {
alert($("div[style='display: block']").length); //为什么匹配不到
}
);

<div style="display: block;">
<input id="Button1" type="hidden" name="input1" value="button" /><br />
<input id="Button2" type="button" value="button" /><br />
</div>
为什么得到的是0？难道不应该是1吗？费解... ...

Answer 1

因为你找的是属性style="display: block;" 而你输入的却是div[style='display: block']

jQuery的[] 选择器是找属性值完全等于某个值 也就是说 少一个分号 少一个空格 那都无法匹配到的

如果你完全可以保证 style=""里面肯定等于 display: block; 而且 空格什么都匹配那才能成功

这里 就是因为你少了一个分号吧 当然 你可以设置 $("div[style^='display: block']"); ^=就是说 以display: block 开头的
或者 把你那分号加上试试
这样做偶合性太高了 差个空格都不行

最好的办法就是
$("div").each(function(){//通过each来遍历
if($(this).css("display")=='block'){ //通过$(this).css("css名") 来获取当前遍历元素的display值
//这里就是display=block的
}
})

Answer 2

$("div"),试下这个,对象选择器只需要对象,不需要对象的属性

追问

谢谢了，我是初学者，在做测试，所以您的答案与我不对口！呵呵！但是还是很感谢你！

Answer 3

你这样是是找属性的吧，样式不行的吧。

追问

style是样式，不可以当属性吗？

追答

样式当然不是属性了啊。
用each遍历，取样式判断，就像
$("div").each(function(){//通过each来遍历
if($(this).css("display")=='block'){ //通过$(this).css("css名") 来获取当前遍历元素的display值
//这里就是display=block的
}
})

Answer 4

三十三、JQuery简介+选择器

Answer 5

这个东西目前我不知道有什么办法可以筛选style,可见元素可以用$('ele::visible');这个方法来查找