jQuery使用before()和after()在元素前后添加內容的方法
更新時間：2015年03月26日 14:29:59 作者：上大王
這篇文章主要介紹了jQuery使用before()和after()在元素前后添加內容的方法,實例分析了jQuery中before()和after()方法添加內容的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了jQuery使用before()和after()在元素前后添加內容的方法。分享給大家供大家參考。具體如下：
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("img").before("<b>Before</b>");
});
$("#btn2").click(function(){
$("img").after("<i>After</i>");
});
});
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button id="btn1">Insert before</button>
<button id="btn2">Insert after</button>
</body>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了jquery日歷插件datepicker用法,結合實例形式分析了jquery日歷插件datepicker的定義與使用技巧,需要的朋友可以參考下2016-01-01
本文給大家講解關于此jQuery驗證的一些標記以及使用方法，非常不錯，具有參考借鑒借鑒價值，需要的朋友參考下2017-01-01
利用jQuery 實現(xiàn)GridView異步排序、分頁的代碼
經(jīng)常會用到jquery.ui.tabs標簽，如我們可以把備份管理放在一個頁面上，而該頁面有兩個tab分別為備份和還原，但這樣會現(xiàn)在這個頁面臃腫2010-02-02
Prop和attr的作用類似，相同點：兩者都可以獲取屬性值和設置屬性值，下面為大家介紹下具體的使用2013-12-12
基于jQuery的Spin Button自定義文本框數(shù)值自增或自減
這個jquery 插件可以讓你的文本框增加一個自增或自減的小按鈕，方便輸入數(shù)值的控制。2010-07-07
本篇文章主要是對jquery中l(wèi)oad方法的用法及注意事項進行了詳細介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jQuery實現(xiàn)contains方法不區(qū)分大小寫的方法
這篇文章主要介紹了jQuery實現(xiàn)contains方法不區(qū)分大小寫的方法,實例分析了針對contains方法的重寫技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
jQuery中$this和$(this)的區(qū)別介紹（一看就懂）
這篇文章主要介紹了jQuery中$this和$(this)的區(qū)別介紹（一看就懂）,本文用簡潔的語言講解了它們之間的區(qū)別,并給出了一個例子來說明,需要的朋友可以參考下2015-07-07
解決Jquery load()加載GB2312頁面時出現(xiàn)亂碼的兩種方案
jquery的字符集是utf-8，load方法加載完GB2312編碼靜態(tài)頁面后，出現(xiàn)中文亂碼，可以通過將兩個頁面的編碼格式轉換成utf8的方法來解決，具體如下，感興趣的朋友可以參考下2013-09-09
將代碼一一拷貝到頁面相應的位置，然后記得調用jquery框架，展示條件有限，所以效果跟設計圖有出入，但實現(xiàn)原理是一樣的，歡迎大家多多交流！2010-06-06