前端之家收集整理的这篇文章主要介绍了
jQuery选择器特殊字符与属性空格问题,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一、选择器中含有特殊符号的注意事项
1.选择器中含有“.”、“#”、“(”或“]”等特殊字符
根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错。解决此类错误的方法是使用转义符转义。
< div id="id[1]">cc
< /div>
< div class="test" style="display:none;">ee
< div class="test" style="display:none;">ff
使用如下的jQuery选择器分别获取它们。
分类似这样的选择器
//虽然一个空格,却截然不同的
效果.
var $t_a = $('.test :hidden');
var $t_b = $('.test:hidden');
var len_a = $t_a.length;
var len_b = $t_b.length;
alert("$('.test :hidden') = "+len_a); //
输出 4
alert("$('.test:hidden') = "+len_b); //
输出 3
之所以会出现不同的结果,是因为后代选择器与过滤选择器的不同。
var $t_a = $('.test :hidden');
//有空格 是选取class为“test”的元素里面的隐藏元素。
var $t_b = $('.test:hidden');
//没有空格 则是选取隐藏的class为“test”的元素。
这点和css是一样的 css中假如有个div有两个class属性.top 和 .right ,在css中我们要选择它定义样式只能这样写
.top.right{ }
而不能写成
.top .right{ }
以上是小编为大家总结的全部内容啦,希望对大家的学习有所帮助~~
原文链接:https://www.f2er.com/jquery/37167.html