HTML之jQuery自學筆記(六)

2021-08-17 03:16:25 字數 1656 閱讀 4313

新增新的html內容

有以下四個方法:

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

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

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

那麼這幾個方法有什麼不同呢?在結尾和之後插入內容又有什麼不同。

語法:同理,prepend、after、before依然可用。

刪除內容/元素

說到刪除,我們一般都會想到remove()方法,除此之外,empty()也可以用於刪除內容。

二者不同之處在於:remove刪除被選元素及其子元素,empty方法刪除被選元素的子元素。

remove()函式可以接受乙個引數,允許您對被刪除元素進行過濾

$("p").remove(selector);

//刪除選擇器selector中的p元素

獲取並設定css類

通過jquery,我們可以對css進行操作,jquery有很多進行css操作的方法,我學習了下面這些:

addclass()-向被選元素新增乙個或多個類

removeclass()-從被選元素刪除乙個或多個類

toggleclass()-對被選元素進行新增/刪除類的切換操作

css()-在這個系列的第乙個中學過,設定或返回樣式屬性

這是乙個段落。

這是另乙個段落。

這是非常重要的文字!

向元素新增類

與之前的使用方法類似,前面括號中填入標籤名或選擇器,後面括號中填的是類名。

功能如其名,只可以操控類選擇器定義的css樣式,即.selector{}這樣的設定,如果是#selector{},將不會起作用

其他的函式使用方法同上。

css方法

css方法可以返回屬性值,也可以改變屬性。

在之前我們舉了乙個改變屬性的例子:

$(selector).css("background-color","blue");
而想要返回屬性的值,只需要寫屬性名,如下:

$(selector).css("屬性名");
css還可以設定多個屬性值:

$("p").css();
和前面的attr改變元素屬性有異曲同工之妙

獲取和設定尺寸

關於尺寸,有下面幾種方法:

width()設定或返回元素寬度(不包括內邊距、邊框或外邊距)

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

innerwidth()返回元素的寬度(包括內邊距)

innerheight()返回元素的高度(包括內邊距)

outerwidth()返回元素的寬度(包括內邊距和邊框)

outerheight()返回元素的高度(包括內邊距和邊框)

outerwidth(true)返回元素的寬度(包括內邊距、邊框和外邊距)

outerheight(true)返回元素的高度(包括內邊距、邊框和外邊距)

width和height有引數,就可以指定元素的寬度和高度。

初學jquery之自學筆記 5

111.用匹配的元素替換掉所有 selector匹配到的元素。paragraph.replaceall p 112.將所有匹配的元素替換成指定的html或dom元素。p replacewith paragraph.113.刪除匹配的元素集合中所有的子節點。p empty 114.從dom中刪除所有匹...

初學jquery之自學筆記 3

63.為所有匹配的元素設定乙個計算的屬性值 img attr title function 64.為所有匹配的元素設定乙個屬性值 65.取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性,則返回undefined img attr src 66...

初學jquery之自學筆記 1

1.返回指定html的值 msg html 取值,相當於get方法 msg html hello 賦值,相當於set方法 2.get search.do rend function rend xml msg ajaxstart function msg ajaxsuccess function 3....