jquery如何在元素的開頭新增新的元素
本章節分享一段程式碼例項,它實現了使用jquery在元素的開頭新增一個新的元素。
使用原生js實現此功能可以參閱js如何在元素的開頭新增新的元素一章節。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #box li { width: 350px; height: 25px; line-height: 25px; font-size: 12px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#bt").click(function () { $("<li>螞蟻部落新新增的元素</li>").prependTo("#box"); }) }) </script> </head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力才會有美好的未來</li> <li>每一天都是新的,必須要好好把握。</li> <li>沒有人一開始就是高手,必須要努力奮鬥。</li> <li>未來都是虛無縹緲的,只有當前是現實。</li> <li>分享和互助式進步的最大原動力</li> <li>本站的url地址是softwhy.com</li> </ul> <input type="button" id="bt" value="檢視效果"> </body> </html>
相關文章
- js如何在元素的開頭新增新的元素JS
- jquery如何在li元素列表的開頭新增一個新li元素jQuery
- jquery如何在元素內追加新的元素jQuery
- JavaScript在陣列開頭新增一個新的元素JavaScript陣列
- jQuery 新增元素jQuery
- javascript如何在元素中插入新的元素JavaScript
- js如何在陣列的開頭新增和刪除一個元素JS陣列
- jquery如何新增一個新的元素節點jQuery
- jquery實現的如何在div的外部後面新增元素jQuery
- 利用jQuery在指定元素中新增html元素jQueryHTML
- jQuery將li元素插入列表開頭jQuery
- jquery在匹配元素外面巢狀一個新的元素jQuery巢狀
- jquery給元素新增樣式表的方法jQuery
- javascript在陣列開頭新增一個元素JavaScript陣列
- jquery為動態新增元素新增事件薦jQuery事件
- jquery 為動態新增的元素繫結事件jQuery事件
- jQuery如何建立一個新的元素物件jQuery物件
- jQuery給動態新增的元素繫結事件的方法jQuery事件
- jquery給動態新增的dom元素繫結事件jQuery事件
- jQuery為元素新增和刪除classjQuery
- jQuery如何新增和刪除元素jQuery
- jquery 查詢某個元素的父元素jQuery
- 如何利用jquery在任意指定li元素後面插入新的li元素jQuery
- HTML5新增的元素和廢除的元素HTML
- jQuery如何獲取當前元素的兄弟元素jQuery
- jQuery 元素操作——遍歷元素jQuery
- 使用jquery為指定元素新增樣式類jQuery
- jQuery獲取當前元素的下一個元素jQuery
- jquery為指定的元素新增或者刪除指定樣式類jQuery
- jquery動態新增li元素程式碼例項jQuery
- JQuery插入元素jQuery
- jQuery獲取指定元素的父元素程式碼例項jQuery
- jQuery獲取當前li元素的下一個元素jQuery
- Jquery 給Js動態新新增的元素 繫結的點選事件jQueryJS事件
- jQuery獲取元素前面所有兄弟元素jQuery
- jQuery實現的為元素新增或者刪除class樣式類jQuery
- js小功能之-新增元素-清楚元素JS
- vector容器1(新增元素,遍歷元素)