jquery 元素控制(追加元素/追加內容)介紹及應用_jquery

一、在元素內部/外部追加元素
append,prepend:添加到子元素
before，after：作為兄弟元素添加
html：

複製程式碼 程式碼如下:

在我的後面追加一條新聞

Javascript:

複製代碼 代碼如下:

在#content裡面加入元素，這是把

姚明退休了...

作為子元素加到#content，如果想在元素外部追加元素，需要用到after，這樣的話就可以把

姚明退役了...作為兄弟元素追加到#content後面

複製代碼 代碼如下:

代碼如下:



代碼如下:

代碼如下:

jQuery(function(){ //將span加到追加到content1的後面$("#content").after("

姚明退役了...

"); })

二、在元素的不同位置追加內容

html

複製程式碼

程式碼如下:

窗前明月光

疑是地上霜

javascript




複製程式碼

程式碼如下:

四、在不同元素的起始位置追加內容

html




複製程式碼

程式碼如下:

在我的後面追加一則新聞

疑是地上霜

javascript




複製程式碼

程式碼如下:
在#content裡面添加元素，這是把疑是地上霜作為子元素添加到#content開始地方，如果想在元素外部添加開始元素，需要用到before，這樣的話就可以把疑是地上霜作為兄弟元素追加到#content開始了

複製程式碼

複製程式碼

程式碼如下:

$("span ").before("#content");
})


五、用指定結構的元素包含元素

Warp(html) 在指定的html中指定html元素，但指定的元素中不可包含兄弟元素，否則不能正常的運行，並且不包含一般文本字符串，下面的代碼用div標籤包含p標籤html

複製程式碼

程式碼如下:

將我包含在div中

javascript

複製程式碼

程式碼如下:

$(" span").wrap("");
})


六、用指定的元素包含多個html元素

warpAll(html) html

複製程式碼

複製程式碼


程式碼:

p內容

p內容

p內容

p內容

p內容

javascript

複製程式碼


程式碼如下: