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


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 原型模式实现OOP的再研究
Apr 09 Javascript
JQuery 入门实例1
Jun 25 Javascript
来自国外的页面JavaScript文件优化
Dec 08 Javascript
jQuery Ajax使用 全解析
Dec 15 Javascript
jQuery 阴影插件代码分享
Jan 09 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
Apr 24 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
简单的三步vuex入门
May 20 Javascript
微信小程序扫描二维码获取信息实例详解
May 07 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
You might like
PHP里的中文变量说明
2011/07/23 PHP
PHP序列号生成函数和字符串替换函数代码
2012/06/07 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
javascript每日必学之循环
2016/02/19 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
Vue.js常用指令的使用小结
2017/06/23 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
jQuery访问json文件中数据的方法示例
2019/01/28 jQuery
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
Python标准库之多进程(multiprocessing包)介绍
2014/11/25 Python
Python解析xml中dom元素的方法
2015/03/12 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
Django之模型层多表操作的实现
2019/01/08 Python
python中自带的三个装饰器的实现
2019/11/08 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
python搜索算法原理及实例讲解
2020/11/18 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
英文自荐信
2013/12/15 职场文书
校园文明标语
2014/06/13 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
幼儿园教师师德表现自我评价
2015/03/05 职场文书
检讨书范文大全
2015/05/07 职场文书
教师节座谈会主持词
2015/07/03 职场文书
2016机关干部作风建设心得体会
2016/01/21 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
vue3中provide && inject的使用
2021/07/01 Vue.js