JQuery绑定click事件的3种写法

系统管理员 2021-01-27 16:29 845阅读 0赞

**1.首先你得有jquery 1.7以上的版本的js**

**2.将js导入项目**

![format_png][]

**3.jsp源码**

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
     
    <script type="text/javascript" src="../js/WdatePicker.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/WdatePicker.css"> 
    <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>
    </html>

4.效果图：其他的就不一一测试了

![format_png 1][]

[format_png]: /images/1611764984735.jpg
[format_png 1]: /images/1611764967770.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，845人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery-事件绑定详解

目录定义元素监听事件 on() 绑定事件 -------------------- 定义元素监听事件语法：$(选择器).监听事件名称(处理函数); 说明

一时失言乱红尘/ 2022年11月29日 12:20/ 0 赞/ 266 阅读

相关 click绑定事件介绍

Java中的click事件介绍： 1、option绑定click事件　　对于类似如下一段代码绑定click事件 <span class="custom-sele

淡淡的烟草味﹌/ 2022年07月20日 12:13/ 0 赞/ 266 阅读

相关 JavaScript绑定事件的方法[3种]

要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在J

灰太狼/ 2022年07月17日 04:27/ 0 赞/ 210 阅读

相关 jquery绑定事件

bind()向匹配元素添加一个或多个事件处理器。 $(selector).bind(event,data,function) live() 向当前或未来的匹配元素添加一个

左手的ㄟ右手/ 2022年06月17日 01:27/ 0 赞/ 396 阅读

相关 jQuery绑定事件的四种方式

jQuery提供了多种绑定事件的方式，每种方式各有其特点，明白了它们之间的异同点，有助于我们在写代码的时候进行正确的选择，从而写出优雅而容易维护的代码。下面我们来看下jQuer

以你之姓@/ 2022年06月16日 04:52/ 0 赞/ 259 阅读

相关 JQuery_绑定事件

绑定：绑定事件：一.如何给元素同时绑定两个事件？方法一：链式编程 $('button').click(function(){ a

ゞ浴缸里的玫瑰/ 2022年05月20日 23:42/ 0 赞/ 414 阅读

相关 jQuery基础事件绑定

学习要点： 1.绑定事件 2.简写事件 3.复合事件 JavaScript有一个非常重要的功能，就是事件驱动。当页面完全加载后，用户通过鼠标或键盘触发页面中绑定事件的

分手后的思念是犯贱/ 2022年05月13日 11:36/ 0 赞/ 353 阅读

相关 jquery动态添加元素绑定事件click，bind，live，on

一、普通绑定 $("button").click(function(){ $("p").hide(); }); 在上面的例子中，当按钮的

ゝ一纸荒年。/ 2022年04月12日 13:36/ 0 赞/ 502 阅读

相关 jQuery--解除事件绑定

解除事件绑定在元素绑定事件之后，当在某个时刻不再需要该事件处理时，可以解除所绑定的事件。在jQuery中提供了unbind()和undelegate()方法，分别用于解

叁歲伎倆/ 2021年08月13日 18:59/ 0 赞/ 612 阅读

相关 JQuery绑定click事件的3种写法

1.首先你得有jquery 1.7以上的版本的js 2.将js导入项目 3.jsp源码 <%@ page language="java" contentType=...

系统管理员/ 2021年01月27日 16:29/ 0 赞/ 846 阅读