jquery绑定元素id事件_JQuery绑定click事件的3种写法
生活随笔
收集整理的這篇文章主要介紹了
jquery绑定元素id事件_JQuery绑定click事件的3种写法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.首先你得有jquery 1.7以上的版本的js
2.將js導入項目
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.效果圖：其他的就不一一測試了
相信很多人在剛接觸前端或者中期時候總會遇到一些問題及瓶頸期，如學了一段時間沒有方向感或者堅持不下去一個人學習枯燥乏味有問題也不知道怎么解決，對此我整理了一些資料 喜歡我的文章想與更多資深大牛一起討論和學習的話 歡迎加入我的學習交流群
→點這里?jq.qq.com總結
以上是生活随笔為你收集整理的jquery绑定元素id事件_JQuery绑定click事件的3种写法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 又一童年游戏告别回到童年的游戏
- 下一篇： 电脑打不开u盘怎么办电脑打不开U盘