jQuery使用prepend()方法在元素前添加內容用法實例
更新時間：2015年03月26日 16:06:29 作者：上大王
這篇文章主要介紹了jQuery使用prepend()方法在元素前添加內容的方法,實例分析了prepend方法追加內容的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery使用prepend()方法在元素前添加內容的用法。分享給大家供大家參考。具體分析如下：
下面的代碼可實現在文本前和列表前添加新的元素
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").prepend("<b>Prepended text</b>. ");
});
$("#btn2").click(function(){
$("ol").prepend("<li>Prepended item</li>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn1">Prepend text</button>
<button id="btn2">Prepend list item</button>
</body>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
您可能感興趣的文章:
- jquery?追加元素append、prepend、before、after用法與區(qū)別分析
- jQuery 追加元素的方法如append、prepend、before
- jQuery中append、insertBefore、after與insertAfter的簡單用法與注意事項
- jQuery使用before()和after()在元素前后添加內容的方法
- jQuery中的insertBefore(),insertAfter(),after(),before()區(qū)別介紹
- jQuery插入節(jié)點和移動節(jié)點用法示例(insertAfter、insertBefore方法)
- jquery插件jquery.beforeafter.js實現左右拖拽分隔條對比圖片的方法
- jQuery圖片前后對比插件beforeAfter用法示例【附demo源碼下載】
- 解決jQuery使用append添加的元素事件無效的問題
- jquery append與appendTo方法比較
- jQuery添加新內容的四個常用方法分析【append，prepend，after，before】
相關文章
謂的鏈式調用無非是一個語法技巧而已，我就學Jquery寫了一個粗淺的庫。2010-05-05
seektanjQuery是最近比較火的一個JavaScript庫，從del.icio.us/上相關的收藏可見一斑。2010-03-03
這篇文章主要為大家詳細介紹了基于jQuery封裝的分頁組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
下面小編就為大家?guī)硪黄猨query上下滑動的注意事項。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
淺談JSON和JSONP區(qū)別及jQuery的ajax jsonp的使用
文章從JSON和JSONP區(qū)別開始講起，用實例來對比他們之間的不同之處，然后詳細講解了jQuery中的ajax jsonp的使用并給出了示例及詳細參數說明。這里推薦給大家，希望對小伙伴能有所幫助2014-11-11
Spring MVC中Ajax實現二級聯(lián)動的簡單實例
下面小編就為大家?guī)硪黄猄pring MVC中Ajax實現二級聯(lián)動的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
下面小編就為大家?guī)硪黄胘Query向div中添加Html文本內容的簡單實現。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
本文給大家分享jQuey將序列化對象在前臺顯示地的幾種方式，非常不錯，具有參考借鑒價值，需要的朋友一起看看吧2016-12-12
在項目開發(fā)過程中，經常會遇到帶有彈窗的頁面，尤其是在移動端。下面通過本文給大家分享jQuery實現彈窗下底部頁面禁止滑動效果，需要的朋友參考下吧2017-12-12
這個插件的制作用到jquery的animate,fadeIn,fadeTo等動畫 透明度之類的知識，對css的控制樣式也是很重要的2010-05-05