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


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 相关文章推荐
推荐20家国外的脚本下载网站
Apr 28 Javascript
javascript HTML+CSS实现经典橙色导航菜单
Feb 16 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
浅谈JQ中mouseover和mouseenter的区别
Sep 13 Javascript
Webpack如何引入bootstrap的方法
Jun 17 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
vue自定义指令directive实例详解
Jan 17 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 Javascript
vue prop属性传值与传引用示例
Nov 13 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 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
类的另类用法--数据的封装
2006/10/09 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
PHP高手需要要掌握的知识点
2014/08/21 PHP
composer.lock文件的作用
2016/02/03 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
splice slice区别
2006/10/09 Javascript
JavaScript 事件属性绑定带参数的函数
2009/03/13 Javascript
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
javascript全局变量封装模块实现代码
2012/11/28 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
JS阻止用户多次提交示例代码
2014/03/26 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
关于JS中的apply,call,bind的深入解析
2016/04/05 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
python文件操作之目录遍历实例分析
2015/05/20 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
python生成圆形图片的方法
2020/03/25 Python
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
python-视频分帧&amp;多帧合成视频实例
2019/12/10 Python
采购主管岗位职责
2014/02/01 职场文书
就业协议书怎么填
2014/04/11 职场文书
五好家庭事迹材料
2014/12/20 职场文书
大学毕业生自我评价
2015/03/02 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
Java 超详细讲解IO操作字节流与字符流
2022/03/25 Java/Android