首頁 > web前端 > js教程 > jquery對dom的操作常用方法整理_jquery

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

WBOY
發布: 2016-05-16 17:31:15
原創
1010 人瀏覽過

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

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() 方法傳回元素的高度(包括內邊距和邊框)。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板