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


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 函数中的参数使用分析
Mar 27 Javascript
ExtJS 设置级联菜单的默认值
Jun 13 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
JavaScript将字符串转换成字符编码列表的方法
Mar 19 Javascript
jQuery选择器用法实例详解
Dec 17 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
详解Angular2 关于*ngFor 嵌套循环
May 22 Javascript
vue的传参方式汇总和router使用技巧
May 22 Javascript
如何利用node转发请求详解
Sep 17 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版本号
2006/10/09 PHP
PHP模块 Memcached功能多于Memcache
2011/06/14 PHP
php+ajax实现无刷新分页
2015/11/18 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
javascript json2 使用方法
2010/03/16 Javascript
jquery入门—编写一个导航条(可伸缩)
2013/01/07 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
JavaScript的代码编写格式规范指南
2015/12/07 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
关于javascript中的promise的用法和注意事项(推荐)
2021/01/15 Javascript
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python中的is和id用法分析
2015/01/26 Python
Python实现简单字典树的方法
2016/04/29 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
python环形单链表的约瑟夫问题详解
2018/09/27 Python
详解小白之KMP算法及python实现
2019/04/04 Python
Python实现银行账户资金交易管理系统
2020/01/03 Python
CSS3 对过渡(transition)进行调速以及延时
2020/10/21 HTML / CSS
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
Shell编程面试题
2016/05/29 面试题
证婚人搞笑证婚词
2014/01/10 职场文书
小学数学教研活动总结
2014/07/01 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
法人授权委托书
2014/09/16 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书
SQL Server——索引+基于单表的数据插入与简单查询【1】
2021/04/05 SQL Server
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技