Heim > Web-Frontend > js-Tutorial > Hauptteil

So binden Sie ein Klickereignis in JQuery

王林
Freigeben: 2020-11-30 10:44:29
Original
7084 Leute haben es durchsucht

jquery绑定click事件的方法:【$("#text").bind("click",function(){});】。bind方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

So binden Sie ein Klickereignis in JQuery

本教程操作环境:windows10系统、jquery2.2.4版,该方法适用于所有品牌电脑。

(学习视频分享:jquery视频教程

函数介绍:

bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

语法:

$(selector).bind(event,data,function)
Nach dem Login kopieren

参数:

  • event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

  • data 可选。规定传递到函数的额外数据。

  • function 必需。规定当事件发生时运行的函数。

jquery动态绑定点击事件的部分实现代码如下:

<script type="text/javascript">
$(document).ready(function(){
    $("#text").bind("click",function(){
        alert("我的id为text,你点击时触发");
    });
    
    $("#text1").on("click",function(){
        alert("hellworl");
    });
    
    $("#text2").click(function(){
        alert($("#text2").val());
        
    });
});
    
    
</script>
<body>
    
    <input id="text" type="button" value="点击"/> 
    
    <input id="text1" type="button" value="点击"/> 
    
    <input id="text2" type="text" value="love"/> 
</body>
Nach dem Login kopieren

相关推荐:js教程

Das obige ist der detaillierte Inhalt vonSo binden Sie ein Klickereignis in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage