communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer： 2016-06-24 12:06:38
original
1037 Les gens l'ont consulté

一段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(){});
Copier après la connexion
Copier après la connexion

高版本用: 
$("body").on("click","#bt1",function(){});
Copier après la connexion
Copier après la connexion



给按钮添加一个ID


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

大概这样

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

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

$("#bt1").live("click",function(){});
Copier après la connexion
Copier après la connexion

高版本用: 
$("body").on("click","#bt1",function(){});
Copier après la connexion
Copier après la connexion



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


给按钮添加一个ID


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

大概这样

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

<!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>
Copier après la connexion
已测试 可以使用  记得导入JQ

Étiquettes associées：
jquery给HTML元素添加 事件
source：php.cn
Article précédent：iFrame的妙用_html/css_WEB-ITnose Article suivant：这个啥功能一段不明飞行物留下的代码_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Les liens et boutons Highcahrts dans les info-bulles ne fonctionnent pas J'essaie de déclencher un événement de clic depuis une info-bulle. J'ai mis un bouton avec...
Depuis 2024-04-04 22:01:46
0
1
1352
Ma feuille de style CSS ne fonctionne plus/lien vers mon fichier HTML - quelle pourrait en être la raison ? J'ai cherché des réponses sur de nombreux forums et consulté environ 50 liens Google, mais...
Depuis 2024-04-03 09:49:45
0
1
402
Écouteur d'événements de défilement ajouté à l'élément mais ne se déplace correctement que si scrollTop n'est pas égal à 0 J'ai donc écrit ce petit script dans lequel j'ai deux listes - Tâches terminées/actives, v...
Depuis 2024-04-01 11:03:26
0
1
326
Simplifiez la lecture vidéo dans les e-mails : assurez une lecture instantanée, aucun écran de téléchargement requis Je ne sais pas « contre quel mur appuyer l'échelle » ici, ni même la terminologie correcte...
Depuis 2024-03-30 17:12:51
0
1
433
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal