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


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 相关文章推荐
12种不宜使用的Javascript语法整理
Nov 04 Javascript
js的[defer]和[async]属性
Nov 24 Javascript
javascript实现的猜数小游戏完整实例代码
May 10 Javascript
JavaScript动态数量的文件上传控件
Nov 18 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
Jul 25 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
Feb 10 Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
Sep 22 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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/17 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
jQuery 使用手册(五)
2009/09/23 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
Node.js模拟浏览器文件上传示例
2014/03/26 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
分享vue里swiper的一些坑
2018/08/30 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
[53:10]完美世界DOTA2联赛决赛日 FTD vs GXR 第二场 11.08
2020/11/11 DOTA
Python魔术方法详解
2015/02/14 Python
在Python的Flask框架下使用sqlalchemy库的简单教程
2015/04/09 Python
在Python中marshal对象序列化的相关知识
2015/07/01 Python
Python面向对象程序设计示例小结
2019/01/30 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
带你彻底搞懂python操作mysql数据库(cursor游标讲解)
2020/01/06 Python
蛋白质世界:Protein World
2017/11/23 全球购物
父亲追悼会答谢词
2014/01/17 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
2014年城市管理工作总结
2014/12/02 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
法律意见书范文
2015/05/20 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书
小学英语课教学反思
2016/02/15 职场文书
小程序教您怎样你零成本推广获取数万用户的方法
2019/07/30 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书
JavaWeb Servlet开发注册页面实例
2022/04/11 Java/Android