選擇器中含有空格在使用示例及注意事項
更新時間：2013年07月31日 15:11:36 作者：
帶空格 表示的是選擇class為test里面隱藏的元素；不帶空格 表示的是選擇隱藏的class為test的元素，在使用過程中一定需要注意下
原理解釋：
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>
輸出結(jié)果分別為：2和3；
var $t_a=$(".test :hidden") //帶空格 表示的是選擇class為test里面隱藏的元素；
var $t_a=$(".test:hidden")//不帶空格 表示的是選擇隱藏的class為test的元素；
舉例說明：
復(fù)制代碼 代碼如下:
<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>
輸出結(jié)果分別為：2和3；
相關(guān)文章
checkbox:click事件觸發(fā)span元素內(nèi)容改變的方法
下面小編就為大家?guī)硪黄猚heckbox:click事件觸發(fā)span元素內(nèi)容改變的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
基于jquery實現(xiàn)復(fù)選框全選，反選，全不選等功能
本文分享一段基于jQuery實現(xiàn)的復(fù)選框全選、全不選、反選功能的代碼，有需要的小伙伴可以參考一下2015-10-10
jQuery實現(xiàn)對無序列表的排序功能(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)對無序列表的排序功能,涉及jQuery與javascript常見的文本操作函數(shù)與sort排序函數(shù)的相關(guān)使用方法,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
JQuery實現(xiàn)倒計時按鈕的實現(xiàn)代碼
頁面中需要實現(xiàn)某個按鈕點擊完后，禁用它，并顯示倒計時。這個默認(rèn)是3秒，代碼很簡單2012-03-03
easyui導(dǎo)出excel無法彈出下載框的快速解決方法
下面小編就為大家?guī)硪黄猠asyui導(dǎo)出excel無法彈出下載框的快速解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章介紹了jquery事件綁定的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
jQuery插件之jQuery.Form.js用法實例分析(附demo示例源碼)
這篇文章主要介紹了jQuery插件之jQuery.Form.js用法,結(jié)合實例形式分析了jQuery.Form.js的具體使用技巧與相關(guān)注意事項,需要的朋友可以參考下2016-01-01
這篇文章主要為大家分享了jQuery Ajax File Upload實例源碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
jQuery實現(xiàn)多張圖片上傳預(yù)覽（不經(jīng)過后端處理）
本篇文章主要介紹了jQuery實現(xiàn)多張圖片上傳預(yù)覽（不經(jīng)過后端處理）的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
最近做的項目，需要倒計時，翻了翻資料，寫了出來，分享給大家，歡迎拍磚，jquery庫自己記得引用哈2014-06-06