jQuery動(dòng)態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法
代碼如下:
<%@page import="java.util.ArrayList"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="http://www.daimajiayuan.com/download/jquery/jquery-1.10.2.min.js"></script> <!-- 3.0 --> <link rel="external nofollow" rel="stylesheet"> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> </head> <body> <ul id="listproject" class="list-group"> <script type="text/javascript"> var JSarray = new Array(); JSarray[0] = "array0"; JSarray[1] = "array1"; JSarray[2] = "array2"; JSarray[3] = "array3"; JSarray[4] = "array4"; for(var i = 0;i<5;i++){ $("#listproject").append("<li id=li"+i+">"+JSarray[i]+"</li>"); //在ul標(biāo)簽上動(dòng)態(tài)添加li標(biāo)簽 $("#li"+i).attr("class",'list-group-item'); //為li標(biāo)簽添加class屬性 } $('li').on('click',function(){ //綁定事件 alert("事件綁定成功!"); }); </script> </body> </html>
運(yùn)行結(jié)果:
以上這篇jQuery動(dòng)態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 使用jquery模擬a標(biāo)簽的click事件無(wú)法實(shí)現(xiàn)跳轉(zhuǎn)的解決
- jquery 給動(dòng)態(tài)生成的標(biāo)簽綁定事件的幾種方法總結(jié)
- 詳談jQuery unbind 刪除綁定事件 / 移除標(biāo)簽方法
- jquery 為a標(biāo)簽綁定click事件示例代碼
- jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
- 使用JS或jQuery模擬鼠標(biāo)點(diǎn)擊a標(biāo)簽事件代碼
- jquery觸發(fā)a標(biāo)簽跳轉(zhuǎn)事件示例代碼
- Struts2的s:radio標(biāo)簽使用及用jquery添加change事件
- jQuery實(shí)現(xiàn)動(dòng)態(tài)添加標(biāo)簽事件
- JQuery?綁定select標(biāo)簽的onchange事件,彈出選擇的值,并實(shí)現(xiàn)跳轉(zhuǎn)、傳參
相關(guān)文章
基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11autoPlay 基于jquery的圖片自動(dòng)播放效果
效果類似這種,自動(dòng)播放,實(shí)質(zhì)控制層的顯示隱藏。需要的朋友可以參考下。2011-12-12jquery post方式傳遞多個(gè)參數(shù)值后臺(tái)以數(shù)組的方式進(jìn)行接收
在用jquery的post方式傳遞多個(gè)值時(shí),在后臺(tái)頁(yè)面可以用數(shù)組形式接收,很不錯(cuò)吧,可以接收多個(gè)值啊,接下來(lái)介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01artDialog雙擊會(huì)關(guān)閉對(duì)話框的修改過(guò)程分享
artDialog,一個(gè)jquery的對(duì)話框插件但是在使用時(shí)發(fā)現(xiàn)鼠標(biāo)雙擊時(shí)會(huì)自半對(duì)話框,下面與大家分享下具體的修改過(guò)程,感興趣的朋友可以參考下2013-08-08jQuery實(shí)現(xiàn)動(dòng)態(tài)加載瀑布流
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載瀑布流,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09BootStrap下jQuery自動(dòng)完成的樣式調(diào)整
這篇文章主要介紹了BootStrap下jQuery自動(dòng)完成的樣式調(diào)整的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05jquery實(shí)現(xiàn)簡(jiǎn)單易懂的圖片展示小例子
圖片展示想必大家都見(jiàn)到過(guò)吧,下面有個(gè)不錯(cuò)的例子,通俗易懂,使用jquery實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)2013-11-11