鋒利的JQuery 第二章內容

2021-06-29 16:48:47 字數 1281 閱讀 8559

dom物件和jquery 物件

jquery 物件可以轉換成dom物件,兩種方法:可以通過[index]和get[index]方法進行轉換第一種例如:var$ulr=$(「#id」);  ——> varulr=$ulr[0];//轉化後的dom物件

第二種方法例如:var $ulr=$(「#id」);----àvarulr=$ulr.get(0);

dom物件轉換成jquery物件,只需要把dom物件用$()包裝起來就可以了。例如:

var cr=document.getelementbyid(「cr」);-àvar $cr=$(cr);  //轉化後的jquery物件

2.3.2章節中:

基本選擇器沒啥可說的,注意記住就可以了;

層次選擇器中$(「.one+div」)可以使用$(「.one」).next(「div」)替換,兩者是等價的;還有$(「#two~div」)意思的選取two這id之後所有的div可以用$(「#two」).nextall(「div」);替換兩者也是等價的。

$(「#two」).siblings(「div」); 指找到id為two的前後所有的同輩div,比$(「#two」).nextall(「div」);多查詢前面的div

過濾選擇器,類似於偽類用(:)開頭表示,例如「:first」 注意「:even」

是指偶數,但是數字是從0開始計算的,所有正常看到的效果就是奇數行或者

div被選中!!然而」:odd」

是指奇數

和偶數的一樣都是從索引0開始計算,所有看到的會是所有偶數行或者

div被選中!!!

還有需要注意的是「:eq(0)和:gt(0)還有:lt(0)」 索引也是從0開始算的,0表示第乙個

內容過濾選擇器

「:contains」   「:empty」   「:has(『.class1』)」  「:parent」 

「:parent」 這個是指選取含有子元素或者文字的元素

可見性過濾選擇器

」:hidden」 和」:visiable」

屬性選擇器:主要是區分$(「div[id^=test]」)id以test開頭的div,$(「div[id$=test]」)  表示id以test結束的div  $(「div[id*=te]」) 表示id包含te的div

$(div[id|=te]) 表示id等於te 或者以te為字首的,後面加」-」的屬性的元素

$(div[id~=te]) 表示id 的屬性中有空格區分開並含有te的元素

還有屬性選擇器可以多個一起使用已到達更精確的定位到乙個元素例如$(div[title=test][id^=te])

鋒利的jQuery第二章 選擇器

鋒利的jquery第二章 選擇器 id為one,class為one的div class為mini id為two,class為one,title為test class為mini,title為other class為mini,title為test class為mini class為mini class為...

第二章 jQuery技術解密 四

jquery.fn.init 建構函式能夠構建 jquery 物件,並把匹配的 dom 元素儲存在 jquery 物件內部集合中。jquery.fn.init 建構函式可以接收單個的 dom 元素,也可以接收 dom 集合。如果接收的是字串型 id 值,則直接在文件中查詢對應的 dom 元素,並把它...

第二章 jQuery技術解密 五

jquery 函式能夠直接接受 html 字串,並把它們轉換為 dom 結構,這是上一節中所講解的利用 jquery 函式生成 dom 元素。當然,我們也可以看到 jquery 函式還可以接收 dom 元素 dom元素集合 html標籤或者 id 值。下面我們就來分析 jquery.fn.init ...