程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 更多關於編程 >> jquery對dom的操作常用方法整理

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

編輯:更多關於編程

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

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved