選擇器中含有空格在使用示例及注意事項(xiàng)
var $t_a=$(".test :hidden") //帶空格 表示的是選擇class為test里面隱藏的元素;
var $t_a=$(".test:hidden")//不帶空格 表示的是選擇隱藏的class為test的元素;
舉例說(shuō)明:
<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)滑過(guò)顯示二級(jí)下拉菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)顯示二級(jí)下拉菜單效果,通過(guò)jquery操作鼠標(biāo)事件及頁(yè)面樣式動(dòng)態(tài)變換實(shí)現(xiàn)該功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery niceScroll滾動(dòng)條錯(cuò)位問(wèn)題的解決方法
下面小編就為大家?guī)?lái)一篇jQuery niceScroll滾動(dòng)條錯(cuò)位問(wèn)題的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02基于jQuey實(shí)現(xiàn)鼠標(biāo)滑過(guò)變色(整行變色)
相信大家在一些網(wǎng)站都看到過(guò)這種效果吧,當(dāng)鼠標(biāo)放在新聞列表一行的時(shí)候,整行就會(huì)變色,雖然使用CSS也能夠?qū)崿F(xiàn)此種功能,但是由于眾多瀏覽器版本對(duì)于CSS3并沒(méi)有良好的支持,所以在當(dāng)前情況下,使用jQuery實(shí)現(xiàn)此種功能是一個(gè)不錯(cuò)的選擇2015-12-12推薦8款jQuery輕量級(jí)樹(shù)形Tree插件
這篇文章主要給大家推薦8款jQuery輕量級(jí)樹(shù)形Tree插件,需要的朋友可以參考下2014-11-11利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例分享
這篇文章主要介紹了利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例,需要的朋友可以參考下2014-02-02jquery.guide.js新版上線操作向?qū)хU空提示jQuery插件(推薦)
這篇文章主要介紹了jquery.guide.js新版上線操作向?qū)хU空提示jQuery插件(推薦),需要的朋友可以參考下2017-05-05jquery實(shí)現(xiàn)tab菜單切換內(nèi)容(精簡(jiǎn)版demo)
這篇文章主要為大家介紹了jquery實(shí)現(xiàn)tab菜單切換內(nèi)容的精簡(jiǎn)方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10