Heim > Artikel > Web-Frontend > So binden Sie ein Klickereignis in JQuery

So binden Sie ein Klickereignis in JQuery

王林Original: 2020-11-26 09:17:237070Durchsuche

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

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

（学习视频分享：jquery视频教程）

函数介绍：

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

语法：

$(selector).bind(event,data,function)

参数：

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>

In Verbindung stehende Artikel

Mehr sehen