jquery如何删除子元素

1、删除元素和内容，可以通过jquery的remove()和empty()方法，remove()删除选择的元素和子元素，empty()只删除选中元素的子元素。

2、新建一个html页面，引入jquery.js，页面body里面添加一个div盒子，div盒子里面添加两段话，和一个删除div元素的按钮，js中调用$（“#div1”）.remove()方法删除元素。

3、在浏览器中打开html页面之后，可以看到div盒子和两段话，点击移除div元素按钮。

4、点击移除div元素按钮之后，可以看到div元素和子元素p都被删除掉了。

5、将$（“#div1”）.remove()方法注释掉，使用$（“#div1”）.empty()方法，删除选择元素的子元素。

6、可以看到点击清空div元素按钮，将div元素的p子元素删除了。

以你的程序为例。

删除一个父元素下面的所有子元素:

document.getElementById("ok").innerHTML = ""

删除其中的一个：

document.getElementById("ok").remove(document.getElementById("ok").children(i))

//删除id为"ok"下的第i-1个子元素

js *** 作节点的DOM方法

一、创建节点

createElement

createTextNode

二、添加、删除、替换、克隆元素

1、appendChild

2、insertBefore

3、如果appendChild、insertBefore追加的是已经存在的子元素，实际上就会将子元素位置移动

4、删除节点removeremoveChild

remove()

removeChild

5.替换节点

replaceChild

6、克隆节点

cloneNode()

三、 *** 作元素属性的方法

1.获取属性 元素.属性名

2.设置属性 元素.属性名 = 属性值

1、2方法只能获取和设置元素自带的属性

3. *** 作属性的万能方法

getAttribute()

setAttribute()

---