发表于 2012-09-29 03:55:11 by 月小升
after函数相当于匹配一个元素以后，在这个元素后面增加一段文字
<div id="s1">my name is</div> |
<div id="s1">my name is</div>
使用函数after("tom");
形成的html结构为
<div id="s1">my name is</div>tom |
<div id="s1">my name is</div>tom
append函数是在元素内部增加
append("tom")
<div id="s1">my name is tom</div> |
<div id="s1">my name is tom</div>
after(elm)
after 一个元素，相当于，将elm这个元素移动到当前匹配到的元素后面
<html>
<head>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript">
function jq(){
$("#test").after("<b>Hello</b>");
$("#test").after($("#test3"));
}
</script>
</head>
<body>
<p id="test3">after</p>
<a href="1.htm" id="test" name="qq">jQuery</a>
<input type="button" onClick="return jq();" value="test me">
</body>
</html> |
<html>
<head>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript">
function jq(){
$("#test").after("<b>Hello</b>");
$("#test").after($("#test3"));
}
</script>
</head>
<body>
<p id="test3">after</p>
<a href="1.htm" id="test" name="qq">jQuery</a>
<input type="button" onClick="return jq();" value="test me">
</body>
</html>
This entry was posted in
WEB前端 and tagged
after,
jQuery. Bookmark the
permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址：
月小升博客 –
https://java-er.com/blog/jquery-after/
无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢
您的评论是我写作的动力.