jQuery簡單綁定單個事件的方法示例
更新時間:2017年06月10日 08:52:51 作者:chen12370
這篇文章主要介紹了jQuery簡單綁定單個事件的方法,結合具體實例形式分析了jQuery使用bind方法進行事件綁定與事件響應的相關操作技巧,需要的朋友可以參考下
本文實例講述了jQuery簡單綁定單個事件的方法。分享給大家供大家參考,具體如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>綁定單個事件</title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script language="JavaScript"> $(document).ready(function () { $("input[name=event_1]").bind({ mouseover:function () { $("ul").css("display","none"); }, mouseout:function () { $("ul").css("display","block"); } }); }); </script> </head> <body> <h1>壹基金</h1> <h2>簡介</h2> <p>2007年,李連杰先生創(chuàng)立啟動了壹基金。深圳壹基金公益基金會2010年12月3日再深圳注冊成立,是中國第一家民間公募基金會。</p> <h2>戰(zhàn)略及策略</h2> <p>壹基金的公益愿景為"盡我所能,人人公益"。壹基金戰(zhàn)略模式為"一個平臺+三個領域",即搭建專業(yè)透明的壹基金公益平臺。</p> <h2>公益活動</h2> <ul> <li>為愛同行</li> <li>關注自閉兒童</li> <li>雅安地震救援</li> </ul> <input name="event_1" type="button" value="綁定單個事件" /> </body> </html>
PS:這里再附上javascript常見事件與功能說明的在線對照表供大家參考:
javascript事件與功能說明大全:
http://tools.jb51.net/table/javascript_event
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
您可能感興趣的文章:
- jQuery中復合屬性選擇器用法實例
- jQuery 復合選擇器應用的幾個例子
- 解決jQuery ajax動態(tài)新增節(jié)點無法觸發(fā)點擊事件的問題
- jQuery動態(tài)追加頁面數據以及事件委托詳解
- jQuery自定義元素右鍵點擊事件(實現案例)
- jquery事件與綁定事件
- jquery中綁定事件的異同
- jQuery中綁定事件bind() on() live() one()的異同
- JQuery 綁定select標簽的onchange事件,彈出選擇的值,并實現跳轉、傳參
- JQuery觸發(fā)radio或checkbox的change事件
- jquery移除、綁定、觸發(fā)元素事件使用示例詳解
- jQuery復合事件用法示例
相關文章
JQuery slideshow的一個小問題(如何發(fā)現及解決過程)
在做一個網頁homepage的時候,想用slideshow[1]做圖片切換效果,在打開頁面所以的正常測試都沒問題:當瀏覽器同時打開多個tab,停留他tab中的頁面一段時間后,會出現圖片是最后一張圖片,針對這個問題,本文給予了詳細的解決方法,感興趣的朋友可以了解下2013-02-02JQuery判斷checkbox是否選中及其它復選框操作方法合集
這篇文章主要介紹了JQuery判斷checkbox是否選中及其它復選框操作方法合集,本文匯總了網上解決這個問題比較好的幾篇文章,需要的朋友可以參考下2015-06-06