jquery 选择器中含有空格注意
jQuery 注意 选择器 空格 含有
2023-09-14 08:57:44 时间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 引入jQuery --> <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ //注意区分类似这样的选择器 //虽然一个空格,却截然不同的效果. var $t_a = $('.test :hidden'); //选取class为“test”的元素里面的隐藏元素 var $t_b = $('.test:hidden'); //选取隐藏的class为“test”的元素 var len_a = $t_a.length; var len_b = $t_b.length; alert("$('.test :hidden') = "+len_a); //输出 7 alert("$('.test:hidden') = "+len_b); //输出 4 }) </script> </head> <body> <div class="test"> <div style="display:none;">aa</div> <div style="display:none;">bb</div> <div style="display:none;">cc</div> <div style="display:none;">dd</div> <div style="display:none;">ee</div> <div class="test" style="display:none;">dd</div> <div class="test" style="display:none;">dd</div> </div> <div class="test" style="display:none;">ee</div> <div class="test" style="display:none;">ff</div> </body> </html>
相关文章
- jQuery+bootstrap实现有省略号的数据分页
- 使用jQuery进行DOM操作详解编程语言
- jQuery操作input的值总结详解编程语言
- jQuery技巧大放送学习jquery的朋友可以看下
- JQuery困惑—包装集DOM节点
- jquery提示"objectexpected"的解决方法
- jquery下操作HTML控件的实现代码
- JQuery操作select标签实现代码
- Jquery知识点三jquery表单对象操作
- 基于jquery创建的一个图片、视频缓冲的效果样式插件
- jQuery.validate常用方法及需要注意的问题
- 使用jquery的ajax需要注意的地方dataType的设置
- UpdatePanel和jQuery不兼容局部刷新jquery失效
- jquery页面滚动到底部自动加载插件集合
- 实例讲解JQuery中this和$(this)区别
- jQuery使用height()获取高度需要注意的地方
- 在浏览器中实现图片粘贴的jQuery插件--pasteimg使用指南
- jquery使用正则表达式验证email地址的方法