世界總是運行在可知的軌跡當中,只等著我們?nèi)グl(fā)現(xiàn)
獲取元素內(nèi)容
三個簡單實用的用于 DOM 操作的 jQuery 方法:
- text() - 設(shè)置或返回所選元素的文本內(nèi)容
- html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標記)
- val() - 設(shè)置或返回表單字段的值
添加元素內(nèi)容
我們將學習用于添加新內(nèi)容的四個 jQuery 方法:
- append() - 在被選元素的結(jié)尾插入內(nèi)容
- prepend() - 在被選元素的開頭插入內(nèi)容
- after() - 在被選元素之后插入內(nèi)容
- before() - 在被選元素之前插入內(nèi)容
刪除元素內(nèi)容
如需刪除元素和內(nèi)容,一般可使用以下兩個 jQuery 方法:
- remove() - 刪除被選元素(及其子元素)
- empty() - 從被選元素中刪除子元素
操作CSS
jQuery 擁有若干進行 CSS 操作的方法牛隅。我們將學習下面這些:
- addClass() - 向被選元素添加一個或多個類
- removeClass() - 從被選元素刪除一個或多個類
- toggleClass() - 對被選元素進行添加/刪除類的切換操作
- css() - 設(shè)置或返回樣式屬性
操作尺寸
jQuery 提供多個處理尺寸的重要方法:
- width()- 設(shè)置或返回元素的寬度
- height()- 設(shè)置或返回元素的高度
- innerWidth()- 返回元素的寬度(包括內(nèi)邊距)
- innerHeight()- 返回元素的高度(包括內(nèi)邊距)
- outerWidth()- 返回元素的寬度(包括內(nèi)邊距和邊框)
- outerHeight()- 返回元素的高度(包括內(nèi)邊距和邊框)