zoukankan      html  css  js  c++  java
  • jquery 选择器中含有空格注意

    <!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>
    

      

  • 相关阅读:
    c/c++字符串传递
    从一个小程序明白new和delete的奇特现象
    Linux下构造函数string需要注意的问题
    字符串转time_t
    CentOS7基础建站指南(笔记)
    图与搜索
    面向的对象编程的小猫腻
    多线程编程
    生产者消费者模式-Java实现
    Java-代理模式的理解
  • 原文地址:https://www.cnblogs.com/a757956132/p/4981495.html
Copyright © 2011-2022 走看看