鋒利的jQuery中值得記下的例子 2

2021-08-07 01:25:34 字數 873 閱讀 5730

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

先構建如下的html**:

class="test">

aadiv>

bbdiv>

ccdiv>

class="test" style="display:none;">dddiv>

div>

class="test" style="display:none;">eediv>

class="test" style="display:none;">ffdiv>

使用如下的jquery選擇器分別獲取它們:

var

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

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

var len_a = $t_a.length;

var len_b = $t_b.length;

alert("$('.test :hidden') = "+len_a);//輸出 4

alert("$('.test:hidden') = "+len_b);//輸出 3

之所以會出現不同的結果,這就是後代選擇器和過濾選擇器的不同。

var len_a = $t_a.length; // 帶空格的
上面這段**是選取class為「test」的元素裡面的隱藏元素。(後代選擇器)

var len_b = $t_b.length; //不帶空格
這上面的**則是選取隱藏的class為「test」的元素

鋒利的JQuery(六)

ajax 可以設定beforesend error success complete等 getscript 載入js檔案 getjson 載入json檔案 each 通用的遍歷方法 serialize 將dom元素內容序列化為字串 serializearray 將dom元素內容序列化為json格式的...

鋒利的JQuery(五)

jquery與ajax load load url restext load test.html 載入所有元素 load url selector restext load test.html para 載入class為para的元素 load url,callback restext load t...

鋒利的jquery學習

jquery物件是通過jquery包裝dom物件後產生的物件,是jquery獨有的。jquery物件無法使用dom物件的任何方法,dom物件也不能使用jquery物件的方法。jquery提供兩個方法將乙個jquery物件轉換成dom物件。var cr cr jquery物件 var cr cr 0 ...