jQuery中对节点进行操作的相关介绍
动态创建Dom节点
jQuery中使用$(html字符串)来动态创建Dom节点,并且返回一个jQuery对象,可以调用append等方法将创建的节点添加到Dom中。
例如:
var link = $("<a href='http://www.baidu.com'>百度</a>");
$("div:first").append(link);
添加节点元素的方法:
Append方法用来在元素的末尾追加元素(最后一个子节点)
Prepend在元素的开始添加元素(第一个子节点)
After:在元素之后添加元素(添加兄弟节点)
Before:在元素之前添加元素(添加兄弟节点)
子元素.appendTo(父元素):在元素的末尾追加一个子元素
子元素.prependTo(父元素):在元素的开始追加一个子元素
删除节点:
Empty():清空该元素下的所有子节点
等同于:while(ele.firstChild){ele.removeChild(ele.firstChild);}
var lis = $("#ulSite li").remove();
$("#ulSite2").append(lis);
Clone()克隆节点,支复制节点,不复制节点
Clone(true):克隆节点带事件
节点的替换:
$("br").replaceWith("<hr/>");
$("br").replaceAll("<hr/>");
包裹节点
Wrap()方法用来将所有的元素逐个用指定的标签包裹
$("b").wrap("<font color='red'></font>");将所有粗体字红色显示
wrapInner();在内部围绕
相关文章
jQuery EasyUI API 中文文档 - DataGrid数据表格
jQuery EasyUI API 中文文档 - DataGrid数据表格使用说明,需要的朋友可以参考下。2011-11-11浅谈jQuery中的eq()与DOM中element.[]的区别
下面小编就为大家带来一篇浅谈jQuery中的eq()与DOM中element.[]的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-10jQuery操作attr、prop、val()/text()/html()、class属性
这篇文章主要介绍了jQuery操作attr、prop、val()/text()/html()、class属性 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
最新评论