JQuery基礎最全面總結2

2021-10-09 02:34:05 字數 1568 閱讀 9907

1. 內部插入內容

prepend()方法:此方法將引數指定的內容插入匹配元素集合中,每個元素的開頭並返回jquery物件。

例:$("p").prepend("hello world!");

例:$("p").html("helloworld!");

例:`$(「p」).text(「hello world!」);

htm()和text()方法的區別在於前者能夠識別html的標籤,而後者不能解析。

例:if ($("p").parent().is("div"))

2. 外部插入內容

例:$("p").after("hello world!

");

例:$("p").before("hello world!

");

3.刪除元素

例:$("p").before("hello world!

");

例:$("p").detach("hello world!

");

例:$("div").empty();

4.替換元素

例:$("p").replacewith("hello world!");

5.複製、包裝元素

例:$("p").wrap("

");

例:$("p").unwrap();

例:$("p").wrapall("

");

例:$("p").wrapinner("");

例:$("img").attr("width","180"); 設定多個值時,與css()方法用法相似 例:$("img").attr();

prop()和attr()的主要區別:attr()可以獲取自定義屬性,而prop()只能獲取固有屬性。

例:$("p").removeattr("id");

$(selector).height() – 設定或返回匹配元素的高度。

$(selector).width() – 設定或返回匹配元素的寬度。

$(selector).addclass() – 向被選元素新增乙個或多個類

$(selector).removeclass() – 從被選元素刪除乙個或多個類

$(selector).toggleclass() – 對被選元素進行新增/刪除類的切換操作

$(selector).css() – 設定或返回樣式屬性

$(selector).hasclass() 檢查匹配的元素是否擁有指定的類。

Jquery最全過濾器總結

不管什麼時候,總是有這麼些時候 當我們使用jquery的各種過濾器時,總是有那麼幾個記不牢,還要搜尋一下或者翻翻手冊!多少次想總結一下,最終都沒總結,現在網上找到一篇總結的不錯的,但是排版有點亂,本人又稍稍排版了一下,提高閱讀舒適度,讓您閱得舒服!原文 這裡 js var text11 dom do...

jquery 基礎總結

本文僅針對jquery的部分知識點做總結,更為全面的可以去官網看中文文件。可以更為詳細的了解jquery及其特性。window.onload document ready 執行時機 必須等待網頁中所有的內容載入完畢後 包括 才能執行 網頁中所有dom結構繪製完畢後就執行,可能dom元素關聯的東西並沒...

JQuery基礎總結

1 input type button 用於找到type屬性為button的input元素 2 each 函式遍歷 3 設定css css border none 4 一次需要設定多個css值 css 5 取得當前jquery物件的樣式屬性color的值 css color 6 jquery ul ...