jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)
更新時(shí)間：2015年05月19日 11:06:29 投稿：hebedich
這篇文章主要介紹了jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)的方法，十分的簡(jiǎn)單，有需要的小伙伴可以參考下。
jQuery中可以通過(guò)append在列表的最后添加數(shù)據(jù)，也可以通過(guò)prepend在列表的最前面添加數(shù)據(jù)
方法很簡(jiǎn)單：
復(fù)制代碼 代碼如下:
jQuery('#comment_list').prepend('<li>hello m.fzitv.net</li>');
另外附上jquery實(shí)現(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)點(diǎn)擊所有的id中包含'buttonvalidate'的input標(biāo)簽時(shí)，執(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>
以上實(shí)現(xiàn)的功能：點(diǎn)擊+，則把+添加到textarea中，點(diǎn)擊-，則把-添加到textarea中；
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
您可能感興趣的文章:
相關(guān)文章
jquery復(fù)選框全選/取消示例,實(shí)現(xiàn)點(diǎn)擊復(fù)選框的時(shí)候全選所有的子復(fù)選框，再點(diǎn)擊取消所有復(fù)選框的選中狀態(tài)2013-12-12
jQuery中noConflict()用法實(shí)例分析
這篇文章主要介紹了jQuery中noConflict()用法,實(shí)例分析了noConflict()的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-02-02
基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動(dòng)效果功能實(shí)現(xiàn)
這篇文章主要介紹了基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動(dòng)效果,下拉聯(lián)動(dòng)是基于query的一款聯(lián)動(dòng)下拉菜單插件 jquery-cxselect實(shí)現(xiàn)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-02-02
jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼,通過(guò)jQuery響應(yīng)鼠標(biāo)事件遍歷頁(yè)面元素實(shí)現(xiàn)伸縮菜單的效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-11-11
jQuery插件slick實(shí)現(xiàn)響應(yīng)式移動(dòng)端幻燈片圖片切換特效
jQuery插件slick是一款響應(yīng)式、適用于移動(dòng)設(shè)備觸摸屏、可滑動(dòng)顯示的jQuery幻燈片插件。該幻燈片插件可以設(shè)置多種顯示效果，可以自動(dòng)播放，是一款移動(dòng)優(yōu)先的jQuery幻燈片插件。2015-04-04
jQuery學(xué)習(xí)心得總結(jié)(必看篇)
下面小編就為大家?guī)?lái)一篇jQuery學(xué)習(xí)心得總結(jié)(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
把選中的checkbox置空，即將選中的checkbox不選中，實(shí)現(xiàn)的方法很多，下面為大家分享個(gè)不錯(cuò)可行，已測(cè)試的好方法，希望對(duì)大家有所幫助2014-07-07
再分享70+免費(fèi)的jquery 圖片滑塊效果插件和教程
這些jQuery插件同樣可以實(shí)現(xiàn)圖片和內(nèi)容的滑塊效果。下面的這些jQuery插件的Demo網(wǎng)站我都測(cè)試了一些，都可以正常訪問(wèn)，我相信那么多款插件中總會(huì)有你喜歡的2014-12-12
基于jquery實(shí)現(xiàn)的一個(gè)選擇中國(guó)大學(xué)的彈框 (數(shù)據(jù)、步驟、代碼)
基于jquery實(shí)現(xiàn)的一個(gè)選擇中國(guó)大學(xué)的彈框，需要的朋友可以參考下2012-07-07