经常需要用这个方法,每次用都很纠结,需要总结一下:
1.原生js
document.body.appendChild(_left);
ppdom.parentNode.insertBefore(c,ppdom);
document.write(xxxx);
2.jQuery
var a = '<div id="wrap"></div>';
jQuery(a).appendTo(jQuery('body'));
//几种添加节点的方法
//$("p").append("<b>你好吗?</b>");//向p元素中追加《b》
//$("<b>你好吗?</b>").appendTo("p");//将《b》追加到p元素中
//$("p").prepend("<b>你好吗?</b>");//向p中前置《b》
//$("<b>你好吗?</b>").prependTo("p");//将《b》前置到p元素中
//$("p").after("<b>你好吗?</b>");//向p元素后插入《b》
//$("<b>你好吗?</b>").insertAfter("p");//将《b》插入到p元素后边
//$("p").before("<b>你好吗?</b>");//在p元素之前添加《b》
//$("<b>你好吗?</b>").insertBefore("p");//将《b》插入到p元素前面
//几种删除节点的方法
//var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点
//$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去
//$("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除
//$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容
//复制节点
/* $("ul li").click(function(){
$(this).clone(true).appendTo("ul");//复制当前点击的节点,并将它追加到《ul》元素中,当添加参数时复制它的事件
});
*/
//替换节点
// $("p").replaceWith("<strong>你最不喜欢的水果是?</Strong>");
分享到:
相关推荐
父页面动态的获取子页面的元素,以及弹出子页面的时候获取父页面的元素;
unigrid添加html5 dom元素.rar
页面div拖动交换位置,动态添加删除页面元素
在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的,当动态添加 ‘.add_project’ 时候,新添加的元素却触发不了click事件,类似下面的写法: $(".add_project").on('click', function(){ alert(...
jquery-scrollAddclass是一款可以在页面滚动时为元素动态添加class类的jquery插件。你可以定制自己的class类,使元素在进入视口时产生指定的动画效果。
实现元素随网页下拉向下运动,修改图片区内容,添加图片大小,修改坐标,都在添加图片区内
jQuery页面滚动元素动画特效是一款页面滚动时动态元素添加class的img或div元素动画特效。
本文实例讲述了JS获取动态添加元素的方法。分享给大家供大家参考,具体如下: 在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时候,我们有下面三种处理方法: 1. 在...
jquery.scrollAnimations是一款页面滚动时动态为元素添加class的jQuery插件。它结合animate.css来使用,可以为元素进入浏览器视口时添加炫酷的动画特效。
主要介绍了JS简单添加元素新节点的方法,结合实例形式分析了javascript针对页面元素节点的创建、添加、克隆等相关操作技巧,需要的朋友可以参考下
HTML页面元素可以通过js动态改变,比如可以向HTML中添加元素或删除某个元素,下面为示例代码,感兴趣的朋友不要错过
一、在jsp页面中定义<select>标签,如下: 科室: <select class="dept-name-show" style="width: 70%;"> </select> 二、编写js语句: [removed] $(function () { var dname = $(".dept-name-...
本文实例为大家分享了jquery实现拖拽添加元素的具体代码,供大家参考,具体内容如下 需求 1.页面上有两个不同的容器,拖拽a容器的元素添加到b容器中; 2.a保持原位不dogn动,b增加新的元素,要实现的效果如下: 3....
用JQuery写的拖动元素进行排序的方法,包含拖动排序、拖动移除、拖动添加。 代码完整可用。没有用到第三方插件,自主可控。 原理是用CSS中position定位来跟踪鼠标移动,就是让元素跟踪鼠标位置,然后判断其在页面...
关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题
---------------------------------------------- // JS001:使用 javascript JS001-sol 修改页面上链接外观的练习JS002:动态向页面添加元素的练习 JS002-sol JS003:使用 javascript 处理对象的示例conway:使用 ...
使用JS语言,给整个页面添加一个文字水印,这水印不影响页面结构,不影响其他元素点击,会根据页面大小缩放。已经封装为了函数,到手即用。
2. 应用CSS样式:通过CSS,我们将为页面的各个元素添加样式,并使其与chat.openai.com的外观和感觉相似。 3. 添加JavaScript功能(可选):如果你想要在页面上模拟真实的聊天对话,你可以使用JavaScript添加一些...
主要介绍了Jquery如何动态添加及删除页面节点元素,示例代码如下,需要的朋友不要错过