国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery選擇器中含有空格的使用示例及注意事項

2019-11-20 22:22:00
字體:
來源:轉載
供稿:網友
此文摘自《鋒利的jQuery》,另外添加了一點自己的東西

選擇器中的空格是不容忽視的,多一個空格或少一個空格也許得到的結果會截然不同的。下面來看一個例子。

先構建如下的HTML代碼:
復制代碼 代碼如下:

<div class="test">
<div style="display:none;">Jquery教程</div>
<div style="display:none;">Jquery學習</div>
<div style="display:none;">Jquery插件</div>
<div class="test" style="display:none;">PHP學習</div>
</div>
<div class="test" style="display:none;">Jquery插件教程</div>
<div class="test" style="display:none;">Jquery插件學習</div>

jQuery代碼:
復制代碼 代碼如下:

var $test_a = $(".test :hidden");//帶空格的jQuery選擇器
var $test_b = $(".test:hidden");//不帶空格的jQuery選擇器
var len_a = $test_a.length;
var len_b = $test_b.length;
alert("帶空格的jQuery選擇器選出的jQuery元素是:"+len_a+"個");//輸出為4個
alert("不帶空格的jQuery選擇器選出的jQuery元素是:"+len_b+"個");//輸出為3個

之所以會出現不同的結果,這就是后代選擇器和過濾選擇器的不同了
復制代碼 代碼如下:

var $test_a = $(".test :hidden");//帶空格的jQuery選擇器

上面這段代碼是選取class為“test”的元素里面的隱藏元素。(后代選擇器)
復制代碼 代碼如下:

var $test_b = $(".test:hidden");//不帶空格的jQuery選擇器

這上面的代碼則是選取隱藏的class為“test”的元素

注意:
有的選擇器的用法,必須是空格,如果不帶空格的話,那就取不到元素,比如:
復制代碼 代碼如下:

$("select:selected").length;//不管任何時候,這個選擇器都取不到元素,這個length必然是0
$("select :selected");//這樣才是正確的

有的選擇器的用法,必須不帶空格,如果帶空格的話,那就取不到元素,比如:
復制代碼 代碼如下:

$("input :checked").length;//不管任何時候,這個選擇器都取不到元素,這個length必然是0
$("input:checked");//這樣才是正確的
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宝兴县| 吉隆县| 云和县| 康平县| 略阳县| 祁门县| 德格县| 卢湾区| 龙海市| 苏尼特右旗| 东兴市| 上思县| 克什克腾旗| 阜城县| 洛阳市| 岳池县| 江阴市| 上杭县| 纳雍县| 金寨县| 万荣县| 高密市| 泽普县| 华安县| 故城县| 亳州市| 年辖:市辖区| 澄江县| 通海县| 望都县| 兴山县| 南华县| 青川县| 台中市| 丹江口市| 高要市| 松江区| 益阳市| 尉氏县| 武汉市| 新余市|