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


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 图片缩放(按比例)控制代码
May 27 Javascript
JavaScript Sort 表格排序
Oct 31 Javascript
基于jquery中children()与find()的区别介绍
Apr 26 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
js实现鼠标点击文本框自动选中内容的方法
Aug 20 Javascript
jQuery地图map悬停显示省市代码分享
Aug 20 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
Sep 06 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
jQuery简单实现上下,左右滑动的方法
Jun 01 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
js实现开启密码大写提示
Dec 21 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 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 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
Tab页界面 用jQuery及Ajax技术实现(php后台)
2011/10/12 Javascript
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
2011/10/21 Javascript
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
js省市联动效果完整实例代码
2015/12/09 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
NW.js 简介与使用方法
2018/02/01 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
Vue中util的工具函数实例详解
2019/07/08 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
浅谈python多线程和队列管理shell程序
2015/08/04 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
Python设计模式之观察者模式原理与用法详解
2019/01/16 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
HTML5页面音视频在微信和app下自动播放的实现方法
2016/10/20 HTML / CSS
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
制药工程专业个人求职自荐信
2014/01/25 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
世界地球日活动总结
2015/02/09 职场文书
小学毕业感言100字
2015/07/30 职场文书
小学班级口号大全
2015/12/25 职场文书
干货!开幕词的写作方法
2019/04/02 职场文书
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫