因为你找的是属性style="display: block;" 而你输入的却是div[style='display: block']
创新互联公司是一家专业提供清水河企业网站建设,专注与网站制作、成都网站设计、H5技术、小程序制作等业务。10年已为清水河众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
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的
}
})
当然不同,jq选择器选择的结果是经过封装的dom对象(可以叫做jquery对象),添加了jq自身的一些专有的属性和方法,比如 $('.xxx').index(),而原生的dom对象却不能这样用。
通过简单的方法就能在原生dom对象与jquery对象之间转换:
假如a是dom对象,那么$(a)就是转换后的jquery对象;
假如a是jquery对象,那么a[0]就是转换后的dom对象
和zento的最像。
两者选择器语法几乎一模一样,使用方法也极为相似。
新版的js中的querySelector也和jquery语法比较接近。
很多种,大概归纳为9种。
(1)基本
#id
element
.class
*
selector1,selector2,selectorN
(2)层次选择器:
ancestor descendant
parent child
prev + next
prev ~ siblings
(3)基本过滤器选择器
:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:animated
(4)内容过滤器选择器
:contains
:empty
:has
:parent
(5)可见性过滤器选择器
:hidden
:visible
(6)属性过滤器选择器
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[attrSel1][attrSel2][attrSelN]
(7)子元素过滤器选择器
:nth-child
:first-child
:last-child
:only-child
(8)表单选择器
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
(9)表单过滤器选择器
:enabled
:disabled
:checked
:selected
1、基本选择器:
#id 、element 、.class 、* 、selector1,selector2,selectorN
2、层次选择器:
ancestor descendant 、parent child 、prev + next 、prev ~ siblings
3、基本过滤器选择器
:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、
:animated
4、内容过滤器选择器
:contains 、:empty 、:has 、:parent
5、可见性过滤器选择器
:hidden 、:visible
6、属性过滤器选择器
[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]
7、子元素过滤器选择器
:nth-child 、:first-child 、:last-child 、:only-child
8、表单选择器
:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button
、:file 、:hidden
9、表单过滤器选择器
:enabled 、:disabled 、:checked 、:selected