jQuery總結或者鋒利的jQuery筆記二

2022-03-10 00:35:07 字數 1763 閱讀 1813

第三章  jquery 中 dom 操作 , 進入這一章,你必須先要有 選擇器的基礎,

最好是基本選擇器 (id,class,*,div,p 組合等) ,  層次選擇器(div ul),(div>ul) ,(firstdiv+seconddiv),(firstdiv~nextalldiv) 都要會,

然後,過濾選擇器要會常用的,過濾選擇器太過強大,一定要多花時間掌握,具體參看筆記一。

基本過濾選擇器:(:first) (:last) (:not(:last)) , (tr:even) ,(li:eq(0)) , (li:gt(4)) ,(:focus)

內容過濾選擇器:(div:contains('登入')) , div:empty,div:has(p),div:parent

可見性過濾選擇器: $("div:visible") , $("div:hidden")

屬性過濾選擇器: div[title=test] , div[class=subcontainer] 

子元素過濾選擇器     :nth-child(1)  下標從1 開始 中間的 1可以改為 even,odd 奇偶  ,甚至倍數都行,6 到不行,老夫就是一把梭。。。然而還是不會只用jq啦!

:last-child ,:first-child ,注意區分 :last 與 :last-child ,前者返回最後乙個元素, 後者為每乙個匹配的父元素返回最後乙個子元素

表單物件屬性過濾選擇器: input:checked ,  $("input").is(":checked")  篩選器也可以實現同樣功能哦 (select:selected) 

終於脫離過濾的苦海, 接下來就是 表單選擇器了,好理解 $(":input")  , $(":text") 選取所有單行文字框

至此: 正式進入第三章。。。。 噔噔噔噔噔噔噔噔。。。。。

1 查詢元素節點:

2、 查詢屬性節點

3、 建立新元素節點

建立帶文字的節點

建立帶屬性的節點

其他插入節點的方法: 

刪除節點:

遍歷節點:

那麼最後 來乙個 綜合例子即可:

《鋒利的jquery》認識jquery總結

window.onload和 document ready 執行時機不同,前者必須等待網頁中所有的內容載入完畢後,後者是所有dom結構繪製完畢後 編寫個數前者只允許乙個,後者允許多個。jquery物件和dom物件是不同的,但是可以進行相互轉換 var jq jq var jq jq 0 var jq...

鋒利的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...