$(‘.c1‘).click()
$(‘.c1‘).....
bind(“事件名”,“方法”) 绑定事件
unbind(“事件名”,“方法”) 去除绑定事件
$(‘.c1‘).bind(‘click‘,function(){
})
$(‘.c1‘).unbind(‘click‘,function(){
})
on(“事件名”,“方法”) 绑定事件
off(“事件名”,“方法”) 去除绑定事件
$(‘.c1‘).on(‘click‘, function(){
})
$(‘.c1‘).off(‘click‘, function(){
})
delegate("标签",“事件名”,“方法”) 绑定事件
undelegate(“标签”,“事件名”,“方法”) 去除绑定事件
$(‘.c‘).delegate(‘a‘, ‘click‘, function(){
})
$(‘.c‘).undelegate(‘a‘, ‘click‘, function(){
})
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id="t1" type="text" /> <input id="a1" type="button" value="添加" /> <ul id="u1"> <li>1</li> <li>2</li> </ul> <script src="jquery-1.12.4.js"></script> <script> $(‘#a1‘).click(function () { var v = $(‘#t1‘).val(); var temp = "<li>" + v + "</li>"; $(‘#u1‘).append(temp); }); // $(‘ul li‘).click(function () { // var v = $(this).text(); // alert(v); // }) // $(‘ul li‘).bind(‘click‘,function () { // var v = $(this).text(); // alert(v); // }) // $(‘ul li‘).on(‘click‘, function () { // var v = $(this).text(); // alert(v); // }) $(‘ul‘).delegate(‘li‘,‘click‘,function () { var v = $(this).text(); alert(v); }) </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a onclick="return ClickOn()" href="http://www.oldboyedu.com">走你1</a> <a id="i1" href="http://www.oldboyedu.com">走你2</a> <script src="jquery-1.12.4.js"></script> <script> function ClickOn() { alert(123); return true; } $(‘#i1‘).click(function () { alert(456); return false; }) </script> </body> </html>
原文:http://www.cnblogs.com/lixiang1013/p/7632590.html