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


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是按值传递还是按引用传递
Jan 30 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
Angular中$broadcast和$emit的使用方法详解
May 22 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
JS使用数组实现的队列功能示例
Mar 04 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
Nov 04 Javascript
js实现网页版贪吃蛇游戏
Feb 22 Javascript
vue实现标签云效果的示例
Nov 09 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
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
thinkphp 一个页面使用2次分页的实现方法
2013/07/15 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
2016/03/10 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
JS实现随机数生成算法示例代码
2013/08/08 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
js实现按一下删除键删除整个单词附demo
2014/09/05 Javascript
纯js实现重发验证码按钮倒数功能
2015/04/21 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
Angular.js自动化测试之protractor详解
2017/07/07 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
2018/11/25 Javascript
浅谈目前可以使用ES10的5个新特性
2019/06/25 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
python实现将一个数组逆序输出的方法
2018/06/25 Python
python3 写一个WAV音频文件播放器的代码
2019/09/27 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
Tkinter中复选菜单是否被选中的判断与设置方式
2020/03/04 Python
某公司面试题
2012/03/05 面试题
CAD制图人员的自荐信
2014/02/07 职场文书
中班上学期个人总结
2015/02/12 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
推广普通话主题班会
2015/08/17 职场文书
2016年小学教师师德承诺书
2016/03/25 职场文书
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android
阿里云ECS云服务器快照的概念以及如何使用
2022/04/21 Servers