選擇器中含有空格在使用示例及注意事項(xiàng)
更新時間: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)文章
jQuery插件HighCharts實(shí)現(xiàn)的2D面積圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D面積圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制2D面積圖的相關(guān)步驟與屬性設(shè)置技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jquery實(shí)現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果,通過jquery操作鼠標(biāo)事件及頁面樣式動態(tài)變換實(shí)現(xiàn)該功能,非常具有實(shí)用價值,需要的朋友可以參考下2015-08-08基于jQuey實(shí)現(xiàn)鼠標(biāo)滑過變色(整行變色)
相信大家在一些網(wǎng)站都看到過這種效果吧,當(dāng)鼠標(biāo)放在新聞列表一行的時候,整行就會變色,雖然使用CSS也能夠?qū)崿F(xiàn)此種功能,但是由于眾多瀏覽器版本對于CSS3并沒有良好的支持,所以在當(dāng)前情況下,使用jQuery實(shí)現(xiàn)此種功能是一個不錯的選擇2015-12-12利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例分享
這篇文章主要介紹了利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例,需要的朋友可以參考下2014-02-02jquery.guide.js新版上線操作向?qū)хU空提示jQuery插件(推薦)
這篇文章主要介紹了jquery.guide.js新版上線操作向?qū)хU空提示jQuery插件(推薦),需要的朋友可以參考下2017-05-05jquery實(shí)現(xiàn)tab菜單切換內(nèi)容(精簡版demo)
這篇文章主要為大家介紹了jquery實(shí)現(xiàn)tab菜單切換內(nèi)容的精簡方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10