jquery给HTML元素添加事件_html/css_WEB-ITnose-html教學-PHP中文網

jquery给HTML元素添加事件_html/css_WEB-ITnose

WBOY

發布： 2016-06-24 12:06:38

原創

987 人瀏覽過

一段html代码中
用js或jquey怎么变成

回复讨论(解决方案)

给按钮添加一个ID

Js--JQ:
$("#bt1").attr("onclick",function(){
alert("111");
})

大概这样

只要你能找到这个元素，事件还是很好加的

$('button').click(function(){
});

给按钮添加一个ID

Js--JQ:
$("#bt1").attr("onclick",function(){
alert("111");
})

大概这样

用这个方法，为什么我追加这段html代码段的时候就执行 alert，而追加后的 “点击” 按钮就不执行了

给按钮添加一个ID

Js--JQ:
$("#bt1").attr("onclick",function(){
alert("111");
})

大概这样

用这个方法，为什么我追加这段html代码段的时候就执行 alert，而追加后的 “点击” 按钮就不执行了

那可以看你是使用的jq哪个版本具体的看文档吧
低版本可以用

$("#bt1").live("click",function(){});

登入後複製

高版本用:

$("body").on("click","#bt1",function(){});

登入後複製

$("#bt1").live("click",function(){});

登入後複製

高版本用:

$("body").on("click","#bt1",function(){});

登入後複製

为什么是事件绑定的时候就调用了，而不是点击按钮时候调用的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><script type="text/javascript" src="jquery-1.js"></script><script type="text/javascript">  var sa =  $("#bt1");   function ale(){	     //alert(sa)		 document.getElementById('bt1').setAttribute('onclick','gogogo()')	 	   }	 function  gogogo(){		     alert("ou yeah");		 }</script><body><input  type="button" id="bt1" value="123"/><input type="button" id="bt2"  value="123312" onclick="ale()" /></body></html>

登入後複製

已测试可以使用记得导入JQ