jquery在元素前面插入东西可以使用before()函数。语法：$(selector).before(content)，content 必需。规定要插入的内容（可包含 HTML 标签）
延展阅读：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的模块可以分为：入口模块、底层支持模块和功能模块。其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
<div id="box"><a href="#" >链接</a>"><a href="#" >链接1</a><a href="#" >链接2</a></div>$("#box a").each(function(){
$(this).html("<span>" + $(this).html() + "</span>")
})
写入内容仍然是一样的写法，不过要注意的是得把代码放在你的“jq生成元素”的代码后面，这样的话，你才能够去获取到对象
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title>Title</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<script type="text/javascript" src="http://api.u8code.cn/jquery/jquery-1.11.3.min.js"></script>
</head>
<body>
<div class="box"></div>
<input type="button" value="加载1代码" class="first" />
<input type="button" value="在1代码里加载2" class="second" />
<script type="text/javascript">
//第一次动态添加内容
$(".first").click(function(){
var str = '<ul class="lists"><li><a>第一次动态添加内容</a></li></ul>'
$(".box").html(str)
})
//第二次动态添加内容
$(".second").click(function(){
var str = '<li><a>这是第二次动态添加内容</a></li>'
$(".lists").append(str)
})
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）