                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

$('div[name|="-"]')有BUG！

</div>

//查找所有div中，有属性name中的值只包含一个连字符“-”的div元素

$('div[name|="-"]').css("border", "3px groove #00FF00");

</script>

Q：为啥这样也能选中？

【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者加Q：28554482，互相学习，共同进步！】

梦编猿

2016-08-18

源自：jQuery基础 (一)—样式篇 2-10

关注问题我要回答

749

操作

收起

0 回答

shenXs
2016-08-18

因为选择$(":[attr |= 'value']")的作用是，选择制定属性值等于给定字符串或者以该字符串为前缀的元素（该字符串后面跟一个'-'）。你的name = '--'表示的意思就是以'-'为前缀的字符串，只不过'-'后面又跟了一个'-'，不知道这样你能明白不？

0 回复有任何疑惑可以回复我~

收起回答

new新的开始

但是后面跟的不是'-'，就选择不到。。为什么呢

2017-03-15 回复有任何疑惑可以回复我~

慕村1994845 回复 new新的开始

<div class="div" testattr="true" name="val"><div class="div" testattr="true" name="valcal"><div class="div" testattr="true" name="val-cal"> ；以上三个div中，我们用 $("div[name|='val']").css("border", "3px groove #00FF00"); 第二个是没有效果的，因为，第二个div中name属性的值，val与cal之间没有用“-”连字符连接;

2017-08-02 回复有任何疑惑可以回复我~

慕瓜8281032 回复慕村1994845

第一个也应该没效果吧，都没有"_"连字符号，不是说选择制定属性值等于给定字符串或者以该字符串为前缀的元素（该字符串后面跟一个'-'）吗？

2018-06-06 回复有任何疑惑可以回复我~

查看1条回复