jquery怎么绑定click事件

程序员文章站 2022-03-02 11:26:24

...

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

jquery怎么绑定click事件

本教程操作环境：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>

jquery怎么绑定click事件

google跟踪代码管理器gtm无法给相同class元素绑定click事件埋点解决

javascript - jQuery给动态添加的元素绑定事件的问题？

jQuery使用bind函数实现绑定多个事件

使用jquery给新生的th绑定hover事件的实例

jQuery文本框(input textare)事件绑定方法教程_jquery

jQuery中关于live绑定多个事件整理的详解

jquery如何使用undelegate去掉用delegate为动态创建元素绑定的事件？

jquery如何调用click事件的多种写法分享

IOS设备上给body绑定click事件不生效的原因及解决办法

jQuery 绑定事件的方式总结