编程 Javascript

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

Posted in Javascript onJuly 31, 2013

原理解释：

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；

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js用图作提交按钮或超连接

Mar 26 Javascript

javascript mouseover、mouseout停止事件冒泡的解决方案

Apr 07 Javascript

js 三级关联菜单效果实例

Aug 13 Javascript

火狐下table中创建form导致两个table之间出现空白

Sep 02 Javascript

jquery Easyui快速开发总结

Aug 20 Javascript

让图片跳跃起来 javascript图片轮播特效

Feb 16 Javascript

完美解决IE9浏览器出现的对象未定义问题

Sep 29 Javascript

jsp 自动编译机制详细介绍

Dec 01 Javascript

学习使用bootstrap的modal和carousel

Dec 09 Javascript

通过js修改input、select默认字体颜色

Apr 19 Javascript

JS实现下拉菜单列表与登录注册弹窗效果

Aug 10 Javascript

微信小程序动态生成二维码的实现代码

Jul 25 Javascript

在表单提交前进行验证的几种方式整理

Jul 31 #Javascript

cookie.js 加载顺序问题怎么才有效

Jul 31 #Javascript

ie8 不支持new Date(2012-11-10)问题的解决方法

Jul 31 #Javascript

JS实现QQ图片一闪一闪的效果小例子

Jul 31 #Javascript

javascript中直接写php代码的方法

Jul 31 #Javascript

js控制表单奇偶行样式的简单方法

Jul 31 #Javascript

js中parseInt函数浅谈

Jul 31 #Javascript