jQuery實現(xiàn)在列表的首行添加數(shù)據(jù)
更新時間：2015年05月19日 11:06:29 投稿：hebedich
這篇文章主要介紹了jQuery實現(xiàn)在列表的首行添加數(shù)據(jù)的方法，十分的簡單，有需要的小伙伴可以參考下。
jQuery中可以通過append在列表的最后添加數(shù)據(jù)，也可以通過prepend在列表的最前面添加數(shù)據(jù)
方法很簡單：
復(fù)制代碼 代碼如下:
jQuery('#comment_list').prepend('<li>hello www.fzitv.net</li>');
另外附上jquery實現(xiàn)連續(xù)向textarea文本域添加數(shù)據(jù)的代碼。
<%@ page language="java" contenttype="text/html; charset=gbk" pageencoding="gbk"%>
<%@ include file="/pages/common/taglibs.jsp"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input[id^='buttonvalidate']").click(function(){ //當(dāng)點擊所有的id中包含'buttonvalidate'的input標(biāo)簽時，執(zhí)行函數(shù)
var btnval=$.trim($(this).val());//trim函數(shù)，去掉空格
var str = $('#textareavalidate').val() + btnval;//
$('#textareavalidate').val(str);//
});
});
</script>
<title>insert title here</title>
</head>
<body>
<form id="form1" name="form1" action="" method="post">
<table id ="table1" class="base_table" cellspacing="0" border="1" style="border-collapse: collapse">
<tr>
<td>
<textarea cols="75" rows="5" id="textareavalidate"></textarea>
</td>
</tr>
<tr id="tr1">
<td>
<input id="buttonvalidate1" type="button" value=" + "/>
<input id="buttonvalidate2" type="button" value=" - "/>
<input id="buttonvalidate3" type="button" value=" * "/>
<input id="buttonvalidate4" type="button" value=" / "/>
<input id="buttonvalidate5" type="button" value=" ! "/>
<input id="buttonvalidate6" type="button" value=" = "/>
<input id="buttonvalidate7" type="button" value=" < "/>
<input id="buttonvalidate8" type="button" value=" > "/>
<input id="buttonvalidate9" type="button" value=" & "/>
<input id="buttonvalidate10" type="button" value=" | "/>
<input id="buttonvalidate11" type="button" value=" ( "/>
<input id="buttonvalidate12" type="button" value=" ) "/>
</td>
</tr>
</table>
</form>
</body>
</html>
以上實現(xiàn)的功能：點擊+，則把+添加到textarea中，點擊-，則把-添加到textarea中；
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
jquery復(fù)選框全選/取消示例,實現(xiàn)點擊復(fù)選框的時候全選所有的子復(fù)選框，再點擊取消所有復(fù)選框的選中狀態(tài)2013-12-12
這篇文章主要介紹了jQuery中noConflict()用法,實例分析了noConflict()的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-02-02
基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果功能實現(xiàn)
這篇文章主要介紹了基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果,下拉聯(lián)動是基于query的一款聯(lián)動下拉菜單插件 jquery-cxselect實現(xiàn)，本文通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-02-02
jQuery實現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼
這篇文章主要介紹了jQuery實現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼,通過jQuery響應(yīng)鼠標(biāo)事件遍歷頁面元素實現(xiàn)伸縮菜單的效果,非常簡單實用,需要的朋友可以參考下2015-09-09
jquery判斷當(dāng)前瀏覽器的實現(xiàn)代碼
這篇文章主要介紹了jquery判斷當(dāng)前瀏覽器的實現(xiàn)代碼,需要的朋友可以參考下2015-11-11
jQuery插件slick實現(xiàn)響應(yīng)式移動端幻燈片圖片切換特效
jQuery插件slick是一款響應(yīng)式、適用于移動設(shè)備觸摸屏、可滑動顯示的jQuery幻燈片插件。該幻燈片插件可以設(shè)置多種顯示效果，可以自動播放，是一款移動優(yōu)先的jQuery幻燈片插件。2015-04-04
jQuery學(xué)習(xí)心得總結(jié)(必看篇)
下面小編就為大家?guī)硪黄猨Query學(xué)習(xí)心得總結(jié)(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
把選中的checkbox置空，即將選中的checkbox不選中，實現(xiàn)的方法很多，下面為大家分享個不錯可行，已測試的好方法，希望對大家有所幫助2014-07-07
再分享70+免費(fèi)的jquery 圖片滑塊效果插件和教程
這些jQuery插件同樣可以實現(xiàn)圖片和內(nèi)容的滑塊效果。下面的這些jQuery插件的Demo網(wǎng)站我都測試了一些，都可以正常訪問，我相信那么多款插件中總會有你喜歡的2014-12-12
基于jquery實現(xiàn)的一個選擇中國大學(xué)的彈框 (數(shù)據(jù)、步驟、代碼)
基于jquery實現(xiàn)的一個選擇中國大學(xué)的彈框，需要的朋友可以參考下2012-07-07