java多线程    Java入门    vsftp    ftp    linux配置    centos    FRP教程    HBase    Html5缓存    webp    zabbix    分布式    neo4j图数据库    

jQuery 的after函数

after函数相当于匹配一个元素以后,在这个元素后面增加一段文字

<div id="s1">my name is</div>

使用函数after("tom");
形成的html结构为

<div id="s1">my name is</div>tom

append函数是在元素内部增加
append("tom")

<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>


This entry was posted in WEB前端 and tagged , . Bookmark the permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址:月小升博客https://java-er.com/blog/jquery-after/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
您的评论是我写作的动力.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*