jQuery使用after()方法在元素后面添加多项内容的方法
更新时间：2015年03月26日 12:17:45 作者：上大王
这篇文章主要介绍了jQuery使用after()方法在元素后面添加多项内容的方法,实例分析了jQuery中after方法的功能及在元素后面添加内容的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法。分享给大家供大家参考。具体分析如下：
jQuery可通过after()方法在元素后面添加多项内容，after()可以带多个参数，在指定元素后面添加多项内容
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function afterText()
{
var txt1="<b>I </b>"; // Create element with HTML
var txt2=$("<i></i>").text("love "); // Create with jQuery
var txt3=document.createElement("big"); // Create with DOM
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // Insert new elements after img
}
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button onclick="afterText()">Insert after</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
对从数据库去的数据动态生成树形栏进行增删改查操作，可是用$(".XX").click();方法是不行的，关于这个问题的解决方法如下2014-08-08
这篇文章主要介绍了jquery限定文本框只能输入数字，包括整数和小数，感兴趣的小伙伴们可以参考一下2016-01-01
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
使用jQuery可以更加容易地遍历DOM的父级、子级和同级元素,这里我们就来举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历:2016-07-07
由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。2015-06-06
基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表(已封装)
通过dl模拟实现SELECT下拉列表. 其实这是项目中要常用到的一个效果, 于是, 在之前写的基础上封装成了一个插件. 可自定义样式, 可防止用户本意划过时触发事件.2010-11-11
今天整理了33个使用jQuery与CSS3实现绚丽的鼠标悬停效果，有些是纯CSS3的，这些效果你完全可以用在你的网页上，让网站获得更好的体验2014-12-12
jQuery插件EasyUI校验规则 validatebox验证框
这篇文章主要介绍了jQuery插件EasyUI校验规则，主要介绍validatebox验证框，对validatebox进行校验规则扩展，使用jQuery EasyUI的朋友可以参考下。2015-11-11
本文汇总介绍了常见的jQuery选择器知识，包含基本元素选择器、分层选择器、基本条件选择器、内容条件选择器、可见性条件选择器、属性选择器、子元素选择器、表单元素选择器、表单属性选择器。十分的详尽，有需要的小伙伴参考下吧2014-11-11
这篇文章主要介绍了jQuery 3.0中存在问题及解决办法的相关资料,需要的朋友可以参考下2016-07-07
本篇文章主要介绍了利用JQuery制作符合Web标准的QQ弹出消息。这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画2014-01-01
最新评论