jQuery实现在列表的首行添加数据
jQuery中可以通过append在列表的最后添加数据,也可以通过prepend在列表的最前面添加数据
方法很简单:
jQuery('#comment_list').prepend('<li>hellowww.nhooo.com</li>');
另外附上jquery实现连续向textarea文本域添加数据的代码。
<%@pagelanguage="java"contenttype="text/html;charset=gbk"pageencoding="gbk"%>
<%@includefile="/pages/common/taglibs.jsp"%>
<!doctypehtmlpublic"-//w3c//dtdhtml4.01transitional//en""http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<scripttype="text/javascript"src="jquery-1.4.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("input[id^='buttonvalidate']").click(function(){//当点击所有的id中包含'buttonvalidate'的input标签时,执行函数
varbtnval=$.trim($(this).val());//trim函数,去掉空格
varstr=$('#textareavalidate').val()+btnval;//
$('#textareavalidate').val(str);//
});
});
</script>
<title>inserttitlehere</title>
</head>
<body>
<formid="form1"name="form1"action=""method="post">
<tableid="table1"class="base_table"cellspacing="0"border="1"style="border-collapse:collapse">
<tr>
<td>
<textareacols="75"rows="5"id="textareavalidate"></textarea>
</td>
</tr>
<trid="tr1">
<td>
<inputid="buttonvalidate1"type="button"value="+"/>
<inputid="buttonvalidate2"type="button"value="-"/>
<inputid="buttonvalidate3"type="button"value="*"/>
<inputid="buttonvalidate4"type="button"value="/"/>
<inputid="buttonvalidate5"type="button"value="!"/>
<inputid="buttonvalidate6"type="button"value="="/>
<inputid="buttonvalidate7"type="button"value="<"/>
<inputid="buttonvalidate8"type="button"value=">"/>
<inputid="buttonvalidate9"type="button"value="&"/>
<inputid="buttonvalidate10"type="button"value="|"/>
<inputid="buttonvalidate11"type="button"value="("/>
<inputid="buttonvalidate12"type="button"value=")"/>
</td>
</tr>
</table>
</form>
</body>
</html>
以上实现的功能:点击+,则把+添加到textarea中,点击-,则把-添加到textarea中;
以上所述就是本文的全部内容了,希望大家能够喜欢。