编程 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 相关文章推荐

javascript 表单验证常见正则

Sep 28 Javascript

jQueryUI如何自定义组件实现代码

Nov 14 Javascript

关于img的href和src取变量及赋值的方法

Apr 28 Javascript

js 单引号替换成双引号,双引号替换成单引号的实现方法

Feb 16 Javascript

详谈angularjs中路由页面强制更新的问题

Apr 24 Javascript

JavaScript重复元素处理方法分析【统计个数、计算、去重复等】

Dec 14 Javascript

详解webpack-dev-server的简单使用

Apr 02 Javascript

JavaScript设计模式之职责链模式应用示例

Aug 07 Javascript

一份超级详细的Vue-cli3.0使用教程【推荐】

Nov 15 Javascript

利用layer实现表单完美验证的方法

Sep 26 Javascript

vue表单数据交互提交演示教程

Nov 13 Javascript

JavaScript canvas实现跟随鼠标移动小球

Feb 09 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