使用insertAfter()方法在现有元素后添加一个新元素
//在现有元素后添加一个新元素
function insertAfter(newElement, targetElement){
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement){
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
相关推荐
-
使用insertAfter()方法在现有元素后添加一个新元素
复制代码 代码如下: //在现有元素后添加一个新元素 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(newElement); } else { parent.insertBefore(newElement,targetElement.nextSibli
-
jQuery使用append在html元素后同时添加多项内容的方法
本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法.分享给大家供大家参考.具体分析如下: 下面的代码可以同时在文本段落后添加多项内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function appendText() { var txt1="<p&g
-
JavaScript使用push方法添加一个元素到数组末尾用法实例
本文实例讲述了JavaScript使用push方法添加一个元素到数组末尾的用法.分享给大家供大家参考.具体如下: 下面的代码演示了JS数组通过push方法添加一个元素到数组末尾 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to add a new element to the array. </p> <button onclick="
-
jQuery实现在新增加的元素上添加事件方法案例分析
本文实例讲述了jQuery实现在新增加的元素上添加事件方法.分享给大家供大家参考,具体如下: 最近项目组需要在新增的元素上增加时间,有人说用live方法后来使用的时候发现jQuery没有该方法(1.7以上就没了)替换为on 除了jquery api官方的例子外还有以下的例子可以在新增的元素上添加事件 $(document).on("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('
-
jQuery使用after()方法在元素后面添加多项内容的方法
本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法.分享给大家供大家参考.具体分析如下: jQuery可通过after()方法在元素后面添加多项内容,after()可以带多个参数,在指定元素后面添加多项内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function af
-
JS实现隐藏同级元素后只显示JS文件内容的方法
本文实例讲述了JS实现隐藏同级元素后只显示JS文件内容的方法.分享给大家供大家参考,具体如下: 这里的demo.html文件在打开后会短暂显示与js文件同级的元素后马上隐藏这些元素,并显示同级的demo.js文件内容.具体代码如下: demo.html: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title><
-
jQuery使用prepend()方法在元素前添加内容用法实例
本文实例讲述了jQuery使用prepend()方法在元素前添加内容的用法.分享给大家供大家参考.具体分析如下: 下面的代码可实现在文本前和列表前添加新的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1"
-
jQuery使用before()和after()在元素前后添加内容的方法
本文实例讲述了jQuery使用before()和after()在元素前后添加内容的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function()
-
jQuery删除一个元素后淡出效果展示删除过程的方法
本文实例讲述了jQuery删除一个元素后淡出效果展示删除过程的方法.分享给大家供大家参考.具体分析如下: 当我们删除一个元素时希望能看到删除的过程,这个效果通过对元素进行淡出展示动态化删除过程. $("#myButton").click(function() { $("#myDiv").fadeTo("slow", 0.01, function(){//fade $(this).slideUp("slow", function
-
jquery 点击元素后,滚动条滚动至该元素位置的方法
点击元素后,滚动条滚动至该元素位置: $('a.lead-link').bind('click', function(e) { e.preventDefault(); $('html,body').animate({ scrollTop: $(this.hash).offset().top - 60 }, 1500); }); 以上这篇jquery 点击元素后,滚动条滚动至该元素位置的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
随机推荐
- PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
- 简单介绍MySQL中GROUP BY子句的使用
- .Net 调用存储过程取到return的返回值
- php中ob_get_length缓冲与获取缓冲长度实例
- Android帧动画、补间动画、属性动画用法详解
- Docker 搭建 Tomcat 运行环境的方法
- ajax用json实现数据传输
- mysql 10w级别的mysql数据插入
- 一个优化MySQL查询操作的具体案例分析
- jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
- iscroll实现下拉刷新功能
- JavaScript从数组的indexOf()深入之Object的Property机制
- C语言 以字符串的形式读写文件详解及示例代码
- Java中的this和super实例浅析
- java 关键字super详解及用法
- 中文排版CSS心得
- 让CodeIgniter的ellipsize()支持中文截断的方法
- php实现CSV文件导入和导出
- 解析使用C++编写无错代码的方法技巧
- Linux下Redis允许远程连接的实现方法