jQuery學習二 新增刪除元素

2021-08-09 09:04:53 字數 1568 閱讀 3486

下面是簡單的實現**:

lang="en">

charset="utf-8">

testtitle>

src="jquery-3.2.1.min.js">

script>

src="test.js">

script>

head>

id="p1">hello worldp>

id="p2">hello worldp>

id="p3">hello worldp>

id="p4">hello worldp>

id="btn2">prependbutton>

id="btn3">beforebutton>

id="btn4">afterbutton>

body>

html>

js:

$(document).ready(function

() );

$("#btn2").click(function

() );

$("#btn3").click(function

() );

$("#btn4").click(function

() );

});function

()

既然有了新增,當然也有刪除了,刪除主要有二個方法分別是remove()和empty()。

它們的區別在於,remove()是刪除所有元素,而empty()只是刪除被選中元素的子元素,remove()是帶被選中的元素都刪掉。

下面用**實現一下。

lang="en">

charset="utf-8">

deltitle>

src="jquery-3.2.1.min.js">

script>

src="del.js">

script>

head>

id="div"

style="width: 200px; height: 200px; background-color: blue; border: solid black">

testp>

hello worldp>

hahahahap>

div>

id="btn">removebutton>

id="div1"

style="width: 200px; height: 200px; background-color: blue; border: solid black">

testp>

hello worldp>

hahahahap>

div>

id="btn1">emptybutton>

body>

html>

js

$(document).ready(function

() );

$("#btn1").click(function

() );

});

jquery 新增 刪除元素

注意struts2標籤中寫法 value class normalbtu value 提交 nclick fun jquery有增加和刪除元素的方法。主要分為內部插入,外部插入,包裹,替換,刪除。內部插入主要方法 prepend content 向每個匹配的元素內部前置內容。外部插入 after c...

jQuery 新增 刪除父元素

一 wrap 結果為 hello goodbye 三 wrapall 作用 在所有匹配元素外麵包一層html結構。wrapall 函式可以接受任何字串或物件,可以傳遞給 工廠函式來指定乙個dom結構。這種結構可以巢狀多層,但是最內層只能有乙個元素。所有匹配元素將會被當作是乙個整體,在這個整體的外部用...

jQuery 刪除元素

通過 jquery,可以很容易地刪除已有的 html 元素。如需刪除元素和內容,一般可使用以下兩個 jquery 方法 jquery remove 方法刪除被選元素及其子元素。div1 remove jquery empty 方法刪除被選元素的子元素。div1 empty jquery remove...