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

來源:互聯網
上載者:User

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

1.三個簡單實用的用於 DOM 操作的 jQuery 方法:

· text() - 設定或返回所選元素的常值內容

· html() - 設定或返回所選元素的內容(包括 HTML 標籤)

· val() - 設定或返回表單欄位的值

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

3.對html內容的添加。添加新的 HTML 內容

我們將學慣用於添加新內容的四個 jQuery 方法:

· append() - 在被選元素的結尾插入內容

· prepend() - 在被選元素的開頭插入內容

· after() - 在被選元素之後插入內容

· before() - 在被選元素之前插入內容

4.刪除元素/內容

如需刪除元素和內容,一般可使用以下兩個 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() 方法設定或返回元素的寬度(不包括內邊距、邊框或外邊距)。

height() 方法設定或返回元素的高度(不包括內邊距、邊框或外邊距)。

jQueryinnerWidth() 和innerHeight() 方法

innerWidth() 方法返回元素的寬度(包括內邊距)。

innerHeight() 方法返回元素的高度(包括內邊距)。

jQueryouterWidth() 和outerHeight() 方法

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

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

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。