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>
    

      

  • 相关阅读:
    POJ 1185 状压DP
    POJ 1321
    hdu 1384 查分约束
    hdu 2196 树形dp
    hdu 4612 双联通缩点+树形dp
    poj 3469 最小割模板sap+gap+弧优化
    hdu 4858 容器的简单模拟
    hdu 4857 逆向拓扑排序+反向输出
    isap算法模板poj 1273gap+弧优化 最大流
    ISAP 算法的学习
  • 原文地址:https://www.cnblogs.com/a757956132/p/4981495.html
Copyright © 2011-2022 走看看