jquery對dom的操作常用方法整理

2019-11-20 22:36:51

字體：大中小

供稿：網(wǎng)友

Jquery對dom的操作也是很總要的。

1.三個簡單實用的用于 DOM 操作的 jQuery 方法：

? text() - 設置或返回所選元素的文本內(nèi)容

? html() - 設置或返回所選元素的內(nèi)容（包括 HTML 標記）

? val() - 設置或返回表單字段的值

2.attr()獲取屬性。當然這兩也是可以自己設置值來修改的，

3.對html內(nèi)容的添加。添加新的 HTML 內(nèi)容

我們將學習用于添加新內(nèi)容的四個 jQuery 方法：

? append() - 在被選元素的結尾插入內(nèi)容

? prepend() - 在被選元素的開頭插入內(nèi)容

? after() - 在被選元素之后插入內(nèi)容

? before() - 在被選元素之前插入內(nèi)容

4.刪除元素/內(nèi)容

如需刪除元素和內(nèi)容，一般可使用以下兩個 jQuery 方法：

? remove() - 刪除被選元素（及其子元素）

? empty() - 從被選元素中刪除子元素

5.jQuery 操作 CSS

jQuery 擁有若干進行 CSS 操作的方法。我們將學習下面這些：

? addClass() - 向被選元素添加一個或多個類

? removeClass()- 從被選元素刪除一個或多個類

? toggleClass()- 對被選元素進行添加/刪除類的切換操作

? css() - 設置或返回樣式屬性

例子

$("h1,h2,p").addClass("blue");首先我們知道當對多種標簽添加樣式的時候我們用‘，'分開。Blue一定是一個設置好的.Blue{}類選擇器

$("h1,h2,p").removeClass("blue");

$("h1,h2,p").toggleClass("blue");有樣式就會移除，沒樣式就會添加

6.設置多個 CSS 屬性

如需設置多個 CSS 屬性，請使用如下語法：

css({"propertyname":"value","propertyname":"value",...});

7.jQuery 尺寸方法

jQuerywidth() 和height() 方法

width() 方法設置或返回元素的寬度（不包括內(nèi)邊距、邊框或外邊距）。

height() 方法設置或返回元素的高度（不包括內(nèi)邊距、邊框或外邊距）。

jQueryinnerWidth() 和innerHeight() 方法

innerWidth() 方法返回元素的寬度（包括內(nèi)邊距）。

innerHeight() 方法返回元素的高度（包括內(nèi)邊距）。

jQueryouterWidth() 和outerHeight() 方法

outerWidth() 方法返回元素的寬度（包括內(nèi)邊距和邊框）。

outerHeight() 方法返回元素的高度（包括內(nèi)邊距和邊框）。

上一篇：加載遠程圖片時,經(jīng)常因為緩存而得不到更新的解決方法(分享)

下一篇：Extjs單獨定義各組件的實例代碼