jQuery文件處理

2022-07-31 23:42:17 字數 4923 閱讀 9269

方法

描述addclass()

向被選元素新增乙個或多個類名

after()

在被選元素後插入內容

在被選元素的結尾插入內容

在被選元素的結尾插入 html 元素

attr()

設定或返回被選元素的屬性/值

before()

在被選元素前插入內容

clone()

生成被選元素的副本

css()

為被選元素設定或返回乙個或多個樣式屬性

detach()

移除被選元素(保留資料和事件)

empty()

從被選元素移除所有子節點和內容

hasclass()

檢查被選元素是否包含指定的 class 名稱

height()

設定或返回被選元素的高度

html()

設定或返回被選元素的內容

innerheight()

返回元素的高度(包含 padding,不包含 border)

innerwidth()

返回元素的寬度(包含 padding,不包含 border)

insertafter()

在被選元素後插入 html 元素

insertbefore()

在被選元素前插入 html 元素

offset()

設定或返回被選元素的偏移座標(相對於文件)

offsetparent()

返回第乙個定位的祖先元素

outerheight()

返回元素的高度(包含 padding 和 border)

outerwidth()

返回元素的寬度(包含 padding 和 border)

position()

返回元素的位置(相對于父元素)

prepend()

在被選元素的開頭插入內容

prependto())

在被選元素的開頭插入 html 元素

prop()

設定或返回被選元素的屬性/值

remove()

移除被選元素(包含資料和事件)

removeattr()l)

從被選元素移除乙個或多個屬性

removeclass()

從被選元素移除乙個或多個類

removeprop()l)

移除通過 prop() 方法設定的屬性

replaceall()l)

把被選元素替換為新的 html 元素

replacewith()

把被選元素替換為新的內容

scrollleft())

設定或返回被選元素的水平滾動條位置

scrolltop()

設定或返回被選元素的垂直滾動條位置

text()

設定或返回被選元素的文字內容

toggleclass()

在被選元素中新增/移除乙個或多個類之間切換

unwrap()

移除被選元素的父元素

val()

設定或返回被選元素的屬性值(針對表單元素)

width()

設定或返回被選元素的寬度

wrap()

在每個被選元素的周圍用 html 元素包裹起來

wrapall()

在所有被選元素的周圍用 html 元素包裹起來

wrapinner()

在每個被選元素的內容周圍用 html 元素包裹起來

$.escapeselector()

轉義css選擇器中有特殊意義的字元或字串

$.csshooks]

提供了一種方法通過定義函式來獲取和設定特定的css值

向每個匹配的元素內部新增內容

把所有匹配的元素追加到另乙個指定的元素集合中

prepend()

向每個匹配的元素內部前置內容

i would like to say: 

$("p").prepend("hello"); //結果為helloi would like to say:

prependto()

把所有匹配的元素前置到拎乙個指定的元素集合中

i would like to say: 

$("p").prependto("#foo"); //結果為i would like to say:

after()

向每個匹配的元素之後插入內容

i would like to say: 

$("p").after("hello"); //結果是:i would like to say:

hello

insertafter()

把所有段落插入到乙個元素之後。與 $("#foo").after("p")相同

i would like to say: 

hello

$("p").insertafter("#foo");//結果為hello

i would like to say:

上述兩個的區別

$("span").insertbefore($("div")).css("backgroundcolor", 'red'); //設定的是span的樣式

$("div").before($("span")).css("backgroundcolor", 'red'); //設定的是div的樣式

before()

向每個匹配的元素之前插入內容

i would like to say: 

$("p").before("hello"); //結果是:[helloi would like to say:

]

insertbefore()

把所有段落插入到乙個元素之前。與 $("#foo").before("p")相同。

hello

i would like to say:

$("p").insertbefore("#foo");//結果: i would like to say:

hello

wrap(html|element|fn)

把所有的段落用乙個新建立的div包裹起來

$("p").wrap("

");

用id是"content"的div將每乙個段落包裹起來

$("p").wrap(document.getelementbyid('content'));
用原先div的內容作為新div的class,並將每乙個元素包裹起來

unwrap()

這個方法將移出元素的父元素。這能快速取消 .wrap()方法的效果。匹配的元素(以及他們的同輩元素)會在dom結構上替換他們的父元素。

hello

cruel

world

$("p").unwrap()
結果:
hello

cruel

world

wrapall()

將所有匹配的元素用單個元素包裹起來

$("p").wrapall("

");$("p").wrapall(document.createelement("div"));

wrapinner(htm|element|fnl)

將每乙個匹配的元素的子內容(包括文字節點)用乙個html結構包裹起來

$("p").wrapinner("");

$("p").wrapinner(document.createelement("b"));

replacewith(content|fn)

將所有匹配的元素替換成指定的html或dom元素。

hello

cruel

world

$("p").replacewith("paragraph");

//結果:paragraphparagraphparagraph

replaceall(selector)

用匹配的元素替換掉所有 selector匹配到的元素。

hello

cruel

world

$("paragraph").replaceall("p");

//結果:paragraphparagraphparagraph

empty()

刪除匹配的元素集合中所有的子節點

$("p").empty();  //刪除p元素中的所有子節點
remove()

從dom中刪除所有匹配的元素。

$("p").remove(); //刪除所有的p

$("p").remove(".hello"); //刪除所有class為hello的p

detach()

從dom中刪除所有匹配的元素。同remove用法相同,remove直接刪除節點,detach刪除節點,但是會保留之前的行為。

clone([even[,deepeven]])

轉殖匹配的dom元素,新增到其他位置

$("b").clone().prependto("p"); //轉殖所有的b前置到所有的p標籤前

jquery 文件處理

兩個引數乙個將來是父,乙個將來是子 1 appe ndto 父 1 prependto 父 將1節點插入到父容器的最後乙個節點之後 第乙個子節點之前 父 appe nd 1 父 prepend 1 實現的是和上述一樣的功能 after before兩個引數最終會是兄弟關係 1.after 2 將2插...

JQuery文件處理

p ap pend fun ctio n in dex,html ret urni ndex 這個 集合中的 索引值 htm l 這 個物件原 先的ht ml值 1.2ap pend to c onte nt 把 所有匹配 的元素追 加到另一 個指定的 元素元素 集合中。使用這個 方法是顛 倒了常規...

jQuery 文件處理

this is a paragraph.this is another paragraph.在每個 p 元素的結尾新增內容 在每個 p 元素的結尾新增內容 方法作用 向每個匹配的元素內部追加內容。引數介紹 content 要追加到目標中的內容。用法示例 html 為i come from i lov...