亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

jQuery生成新元素綁定click事件

系統(tǒng) 2099 0

WEB程序開發(fā)中,對(duì)于使用jQuery生成的新元素或新添加的元素,經(jīng)常需要用jQuery對(duì)新建的元素綁定click事件。由于默認(rèn)的 click事件是不起作用的,必須給新生成的元素進(jìn)行click事件綁定。這幾天由于項(xiàng)目需要,通過使用jQuery生成新元素,同時(shí)給新元素綁定 click事件和change事件,經(jīng)過項(xiàng)目實(shí)踐,我總結(jié)一下相關(guān)知識(shí),通過使用最簡單的方法,實(shí)現(xiàn)jQuery綁定click事件,供參考。

HTML代碼如下:

<form>
<div id=” newElement “></div>
<input type=”button” value=”生成新元素” id=” createElement ” />
</form>

Javascript代碼如下:

$(document).ready(function(){
$(”# createElement “).click(function(){
//統(tǒng)計(jì)當(dāng)前頁面中使有以newButton_開頭的元素個(gè)數(shù),生成ID
id = $(”[id^=' newButton_ ']“).size()+1;
//生成新元素,追加到ID值為newElement的元素中
$ (box.getButton(id) ).appendTo($(” #newElement “));
//綁定click事件,其它c(diǎn)hange事件類似
$(” #newButton_”+id ).click(function(){
box.getClick();
});
});
});

//生成一個(gè)對(duì)象盒子,面向?qū)ο笏枷耄庋b我們的函數(shù),強(qiáng)烈推薦這種方法
var box = {};
box.getButton = function(id){
return ‘<input type=”button” value=”新按鈕” id=” newButton_’+id+ ‘” /><br />’;
//返回任何你需要生成的新元素
}

box.getClick = function(){
alert(’事件生效啦!你點(diǎn)擊了新按鈕’);
//添加任何你需要的代碼
}

效果圖如下:

其實(shí)過程很簡單,可分為三個(gè)步驟,總結(jié)一下:
第一步:生成新元素;
如:$( box.getButton(id) ).appendTo($(” #newElement “));

第二步:對(duì)需要綁定事件的新元素進(jìn)行click事件綁定, 注意:新元素的ID是唯一的,這樣才能正確綁定;
如:$(” #newButton_”+id ).click(function(){ box.getClick(); });

第三步:綁定什么click事件,事件的具體代碼;
如: box.getClick = function(){ alert(’事件生效啦!你點(diǎn)擊了新按鈕’); }

使用jQuery給javascript生成的新元素綁定click事件方法還很多,這里只是介紹其中一種,個(gè)人覺得這種jQuery綁定click事件方法是最有效的而且代碼精簡,感覺也很舒服,推薦!

jQuery生成新元素綁定click事件


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊,切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會(huì)非常 感謝您的哦!!!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 91色综合久久 | 99热在线只有精品 | 国产精品9999久久久久仙踪林 | 亚洲欧美精品中文字幕 | 天天cao| 草草精品视频 | 福利资源站 | 国产www在线播放 | 亚洲第一中文字幕 | jizzz亚洲美女 | 亚洲啪啪免费视频 | 亚洲欧洲一区二区三区在线观看 | 男人女人真曰批的视频动态 | 午夜国产在线观看 | 97精品久久久久中文字幕 | 免费视频不卡一区二区三区 | 成人免费一级毛片在线播放视频 | 亚洲第一页在线播放 | 特级毛片免费视频播放 | 欧美色欧美亚洲高清在线观看 | 亚洲精品一区二区在线观看 | 亚州激情视频在线播放 | 日本一道一区 | 欧美成人xxxx | 国产高清在线精品二区一 | a级毛片在线观看 | 国内精品七七久久影院 | 91手机在线视频观看 | 尤物精品国产福利网站 | 欧美不卡在线观看 | 奇米影视奇米色 | 青娱乐国产在线视频 | 亚洲精品一区二区久久 | 一级做a爰片性色毛片2021 | 国产精品久久久久孕妇 | 偷拍清纯高清视频在线 | 亚洲精品乱码久久久久久 | 中文字幕久久久久久精 | 色无极综合 | 四虎影视884a精品国产古代 | 国内精品免费一区二区三区 |