开发者社区> 厅一一> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jquery与dom元素

简介: (一)创建节点如果想把它添加到文档里,可以使用 jQuery中的 append()或者insertAfter()方法或者 before ()等方法。比如:var a=$('');var b="";$('#divv').
+关注继续查看

(一)创建节点

如果想把它添加到文档里,可以使用 jQuery中的 append()或者insertAfter()方法或者 before ()等方法。
比如:
var a=$('<p></p>');
var b="<input type='button'/>";
$('#divv').append(a|b);//添加到divv元素的最后.


(二)复制节点
var a = $('<span>节点复制测试</span>');
$('#divv').append(a);
var clone_a = a.clone();
$('#divv').append(clone_a);
克隆后,id一样

(三) 插入节点
在jQuery中插入节点比javascript自带的多了很多,
比如:
.append()
.appendTo()
.prepend()
.prependTo()
.after()
.insertAfter()
.before()
.insertBefore()

(四)删除节点

$('#span1').remove();

(五)替换节点
$("<p>替换 test1 !</p>").replaceAll("#test1");

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jquery对象和dom对象-6
jquery对象和dom对象-6
13 0
jQuery中的DOM操作
每个HTML元素都可以转换为一个DOM对象,而每个DOM对象都有一组属性,通过这些属性可以设置HTML元素的外观和特性。在标准 JavaScript 中,可以使用document.getElementsById (“对象ID”)方法获取对应的DOM对象。在jQuery中,可以通过选择器选中多个HTML元素,再使用get()方法获取其中某个HTML元素对应的对象
43 0
jquery 遍历dom元素
$('#navBarID').children()  //选定元素的所有孩子节点 $('#navBarID').children().eq(i) //选定元素的第i个孩子节点,从0计数
904 0
JQuery (简化dom操作)
简介 JQuery本质是一个js文件,里面是js常用功能的封装。比如绑定事件,修改内容,修改样式等。 $()是一个函数,是jQuery()的简写,它的一些重载函数见下。 $(elements) 将一个或多个dom对象(原生js获取到的dom对象)转化为jQuery对象。 $('#id1').html() //返回id为id1的jQuery对象,然后调用html()方法。此方法依
1757 0
jQuery DOM操作
对节点的操作 查找节点 查找节点可以直接利用jQuery选择器来完成,非常便利。 插入节点 jQuery提供了8种插入节点的方法。   序号 方法 描述 实例 1 append() 向每个匹配的元素内部追加内容。
767 0
+关注
265
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载