首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery 调用 click 事件 的 三种 形式

2013-02-18 
jquery 调用 click 事件 的 三种 方式第一种方式:!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti

jquery 调用 click 事件 的 三种 方式

第一种方式:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script type="text/javascript" src="js/jquery-1.6.1.min.js"></script><script type="text/javascript" src="js/jquery.validate.js"></script><script type="text/javascript" src="js/jquery.metadata.js"></script><script type="text/javascript" src="js/messages_zh.js"></script><style type="text/css">#frm label.error {color: Red;}</style></head><script type="text/javascript">$(document).ready(function(){  $("#clickme").click(function(){       alert("Hello World  click");  });     $('#clickmebind').bind("click", function(){  alert("Hello World  bind"); });$('#clickmeon').on('click', function(){ alert("Hello World  on");});});</script><body><label></label><form id="frm" name="frm" method="post" action=""><label>用 户 名:    <input type="text" name="username" id="username" /></label>  <p>    <label>邮       编 :<label></label></label>    <label>    <input type="text" name="postcode" id="postcode" />    <br />    </label>  </p>  <p><label>数      字 :     <input type="text" name="number" id="number" />  </label>    <br /><label>身份证号:    <input type="text" name="identifier" id="identifier" />    </label>       <label>  <input type="button" name="clickme"  id="clickme"   value="click me" />   </label>   <label>  <input type="button" name="clickmebind" id="clickmebind"  value="clickme_bind" />  </label>  <label>  <input type="button" name="clickmeon" id="clickmeon"  value="clickme_on" />  </label>  </p></form></body></html>


热点排行