有2種方法:
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的京山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
最簡單的方法就是直接在標(biāo)簽中寫onclick="",但是這樣寫其實(shí)是有點(diǎn)low的,
第二種方式是通過給類名綁定一個(gè)事件。
p?id="pLabel"新加一條/p
ul?id="ulLabel"
li?class="liLabel"aaa1/li
li?class="liLabel"aaa2/li
li?class="liLabel"aaa3/li
/ul
script?type="text/javascript"
$("#pLabel").click(function(){
$("#ulLabel").append('li?class="liLabel"aaaQ/li');?//動(dòng)態(tài)像ul的末尾追加一個(gè)新元素
});
/script
方法一:使用live
live()函數(shù)會(huì)給被選的元素綁定上一個(gè)或者多個(gè)事件處理程序,并且規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。通過live()函數(shù)適用于匹配選擇器的當(dāng)前及未來的元素。比如,通過腳本動(dòng)態(tài)創(chuàng)建的元素。
$('.liLabel').live('click',?function(){
alert('OK');
});
方法二:使用on
可以通過on方法綁定事件,可以綁定到它的父級(jí)或者body中,實(shí)現(xiàn)如下:
$("#ulLabel").on('click','.liLabel',function(){
alert('OK')
});
或者:
$("body").on('click','.liLabel',function(){
alert('OK')
});
注意綁定的事件,需要綁定在父元素。
直接使用click事件是不起作用的,我平常使用的兩種方法
1、on事件
var html1='';
html1 +=`div
button type="button" class="btn btn-primary sure btn-mian" onclick="sure()"確認(rèn)提交/button
button type="button" class="btn btn-default " data-dismiss="modal"暫不提交/button
/div`
$('.modal-footer').append(html1);
$('div').on('click','.sure',function(){console.log("+++");});
2、onclick事件
var html1='';
html1 +=`div
button type="button" class="btn btn-primary sure btn-mian" onclick="sure()"確認(rèn)提交/button
button type="button" class="btn btn-default " data-dismiss="modal"暫不提交/button
/div`
$('.modal-footer').append(html1);
functionsure(){console.logO("===");}
需要獲取到div這個(gè)元素,可以通過id,class等等方式得到,比如說div的id為"div1",那么就可以這么寫了。$('#div1').click(function(){//這里面就是click事件的內(nèi)容了});
可以先給div標(biāo)簽設(shè)置id,然后給這個(gè)id綁定點(diǎn)擊事件。
1、新建html文檔,在body標(biāo)簽中添加一個(gè)div標(biāo)簽,為div標(biāo)簽設(shè)置一個(gè)id,這里以“demo”為例:
2、在head標(biāo)簽中引入jquery的js文件,這時(shí)可以使用cdn鏈接:
3、添加script標(biāo)簽,在script標(biāo)簽中綁定“demo”,然后使用click函數(shù)為div標(biāo)簽綁定點(diǎn)擊事件: