首页 > web前端 > js教程 > 正文

jquery怎么绑定click事件

王林
发布: 2020-11-30 10:44:29
原创
7084 人浏览过

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>
登录后复制

相关推荐:js教程

以上是jquery怎么绑定click事件的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板