jQuery新增元素

2021-08-11 14:33:45 字數 745 閱讀 9330

新增新的html內容例項

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

jquery prepend() 方法在被選元素的開頭插入內容。

例項$(

"p").prepend("在開頭追加文字");

在上面的例子中,我們只在被選元素的開頭/結尾插入文字/html。

例項function()

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

jquery after() 方法在被選元素之後插入內容。

jquery before() 方法在被選元素之前插入內容。

例項$("img").after("在後面新增文字");

$("img").before("在前面新增文字");

class="s1">s1span>

p>

script>

結果是這樣的:

class="s1">s1span>

class="s2">s2span>

p>

after

class="s1">s1span>

p>

$("p").after('s2');

script>

結果是這樣的:

class="s1">s1span>

p>

class="s2">s2span>

總結:---

after/before 是在元素外面追加。

JQuery元素外新增元素

after 將指定內容新增到指定元素之後,新增的內容可以是可以是文字,也可以是html字串,還可以是陣列 jquery物件或dom元素或選擇器。當after接受乙個元素選擇器時,如果目標元素只有乙個,那麼會直接將選中的元素直接移動到目標元素後面 如果目標元素為多個,則會刪除選中的元素並將選中元素複製...

jquery 陣列 新增元素

在前提不知道b在這個陣列的下標,刪除b這個元素 var arrlist a b c d arrlist.splice jquery.inarray b arrlist 1 alert arrlist 其中jquery.inarray b arrlist 是b這個元素在陣列arrlist 中的位置 s...

jquery 陣列 新增元素

在前提不知道b在這個陣列的下標,刪除b這個元素 var arrlist a b c d arrlist.splice jquery.inarray b arrlist 1 alert arrlist 其中jquery.inarray b arrlist 是b這個元素在陣列arrlist 中的位置 s...