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 表单取值赋值方法
CSS样式表:详细介绍IE7新支持的选择器
Jquery 表单取值赋值的一些基本操作
Jquery常用选择器的几点知识
jquery load事件(callback/data)使用方法及注意事项
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
css的选择器的详细介绍
jQuery中bind,live,delegate与one方法的用法及区别解析

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