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


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 tips提示效果
Apr 03 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
Dec 21 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
javascript实现全局匹配并替换的方法
Apr 27 Javascript
使用控制台破解百小度一个月只准改一次名字
Aug 13 Javascript
jQuery Mobile中的button按钮组件基础使用教程
May 23 Javascript
js实现上传图片预览方法
Oct 25 Javascript
详解 vue.js用法和特性
Oct 15 Javascript
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
Nov 27 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
ES6的Fetch异步请求的实现方法
Dec 07 Javascript
JS数据类型STRING使用实例解析
Dec 18 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
WordPress判断用户是否登录的代码
2011/03/17 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
php实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
jquery json 实例代码
2010/12/02 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
2014/06/09 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
2016/10/30 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
2019/05/21 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
使用C++扩展Python的功能详解
2018/01/12 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
Html5剪切板功能的实现代码
2018/06/29 HTML / CSS
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
《学会待客》教学反思
2014/02/22 职场文书
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
python中24小时制转换为12小时制的方法
2021/06/18 Python
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫