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

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery日歷插件datepicker用法分析
這篇文章主要介紹了jquery日歷插件datepicker用法,結(jié)合實(shí)例形式分析了jquery日歷插件datepicker的定義與使用技巧,需要的朋友可以參考下
2016-01-01
jQuery驗(yàn)證表單格式的使用方法
本文給大家講解關(guān)于此jQuery驗(yàn)證的一些標(biāo)記以及使用方法，非常不錯(cuò)，具有參考借鑒借鑒價(jià)值，需要的朋友參考下
2017-01-01
利用jQuery 實(shí)現(xiàn)GridView異步排序、分頁(yè)的代碼
經(jīng)常會(huì)用到j(luò)query.ui.tabs標(biāo)簽，如我們可以把備份管理放在一個(gè)頁(yè)面上，而該頁(yè)面有兩個(gè)tab分別為備份和還原，但這樣會(huì)現(xiàn)在這個(gè)頁(yè)面臃腫
2010-02-02
jquery prop的使用介紹及與attr的區(qū)別
Prop和attr的作用類似，相同點(diǎn)：兩者都可以獲取屬性值和設(shè)置屬性值，下面為大家介紹下具體的使用
2013-12-12
基于jQuery的Spin Button自定義文本框數(shù)值自增或自減
這個(gè)jquery 插件可以讓你的文本框增加一個(gè)自增或自減的小按鈕，方便輸入數(shù)值的控制。
2010-07-07
jquery中l(wèi)oad方法的用法及注意事項(xiàng)說(shuō)明
本篇文章主要是對(duì)jquery中l(wèi)oad方法的用法及注意事項(xiàng)進(jìn)行了詳細(xì)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery實(shí)現(xiàn)contains方法不區(qū)分大小寫(xiě)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)contains方法不區(qū)分大小寫(xiě)的方法,實(shí)例分析了針對(duì)contains方法的重寫(xiě)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
jQuery中$this和$(this)的區(qū)別介紹（一看就懂）
這篇文章主要介紹了jQuery中$this和$(this)的區(qū)別介紹（一看就懂）,本文用簡(jiǎn)潔的語(yǔ)言講解了它們之間的區(qū)別,并給出了一個(gè)例子來(lái)說(shuō)明,需要的朋友可以參考下
2015-07-07
解決Jquery load()加載GB2312頁(yè)面時(shí)出現(xiàn)亂碼的兩種方案
jquery的字符集是utf-8，load方法加載完GB2312編碼靜態(tài)頁(yè)面后，出現(xiàn)中文亂碼，可以通過(guò)將兩個(gè)頁(yè)面的編碼格式轉(zhuǎn)換成utf8的方法來(lái)解決，具體如下，感興趣的朋友可以參考下
2013-09-09
基于Jquery的溫度計(jì)動(dòng)畫(huà)效果
將代碼一一拷貝到頁(yè)面相應(yīng)的位置，然后記得調(diào)用jquery框架，展示條件有限，所以效果跟設(shè)計(jì)圖有出入，但實(shí)現(xiàn)原理是一樣的，歡迎大家多多交流！
2010-06-06