jQuery操作DOM

jQuery添加节点

使用jQuery工厂函数$()可以创建HTML元素

$(HTML标签)

var $h1=$("
hello
")

添加节点append()

$('body').append($h1)

可以直接传入HTML代码

$('body').append("
hello
")

可以添加多个元素

$('body').append($h1,$h2)

原代码：

<ul><li>oldli>
ul>

所列方法的返回值均为原jQuery对象
如$("ul").append("

jQuery删除节点

源代码：

<div id="container"><ul id="list"><li id="item-1">1li><li id="item-2">2li><li id="item-3">3li>ul>
div>

remove()
删除被选元素及其子元素

$('#list').remove()

<div id="container">div>

可输入参数进行过滤

$('li').remove("item-2")

<div id="container"><ul id="list"><li id="item-1">1li><li id="item-3">3li>ul>
div>

empty()
删除被选元素的所有子元素

$('#list').empty("item-2")

<div id="container"><ul id="list">ul>
div>

jQuery获取节点

源代码：

<div id="container"><ul id="list"><li id="item-1">1li><li id="item-2">2li><li id="item-3">3li><li id="item-4">4li><li id="item-5">5li>ul>
div>

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！