Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 选择器中含有空格在使用示例及注意事项

选择器中含有空格在使用示例及注意事项

发布时间:2014-02-22   编辑:www.jquerycn.cn
带空格 表示的是选择class为test里面隐藏的元素;不带空格 表示的是选择隐藏的class为test的元素,在使用过程中一定需要注意下
原理解释:

var $t_a=$(".test :hidden") //带空格 表示的是选择class为test里面隐藏的元素;
var $t_a=$(".test:hidden")//不带空格 表示的是选择隐藏的class为test的元素;

举例说明:
复制代码 代码如下:

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var $a1=$(".test :hidden");
var $a2=$(".test:hidden");
alert($a1.length+" "+$a2.length)
})
</script>
<style>
</style>
</head>
<body>
<div class="test" style="display:none;">
<p style="display:none">dddddddd</p>
<p style="display:none">dddddddd</p>
</div>
<div class="test" style="display:none">
</div><div class="test" style="display:none"></div>
<body>
</html>

输出结果分别为:2和3;

您可能感兴趣的文章:
jquery选择器-根据多个属性选择示例代码
jQuery中选择器小问题(新人难免遇到)
关于jquery的多个选择器的使用示例
Jquery中的层次选择器与find()的区别示例介绍
选择器中含有空格在使用示例及注意事项
jquery属性选择器not has怎么写 行悬停高亮显示
jQuery选择器中含有空格的使用示例及注意事项
jquery选择器之内容过滤选择器详解
jQuery的选择器中的通配符使用介绍
jquery选择器大全 全面详解jquery选择器

关键词: 选择器  空格   
[关闭]