首页 > Web开发 > 详细

jquery 事件绑定案例

时间:2014-06-18 22:15:18      阅读:411      评论:0      收藏:0      [点我收藏+]

效果图公如下

bubuko.com,布布扣

具体代码如下:

<!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=utf-8" />
  <title></title>
  <script type="text/javascript" src="../jquery.js"></script>
  <script type="text/javascript">
   $(document).ready(function() {
    $(‘#OkUp‘).click(function(){
     $(‘ul li a‘).bind(‘click‘,function(){
      var AVal = $(this).html();
      alert(‘你可以‘+AVal+‘了!‘)
     });
    });
    $(‘#NoUp‘).click(function(){
     $(‘ul li a‘).unbind(‘click‘);
    });
   }); 
  </script>
  <style type="text/css">
  <!--
   *{margin:0;padding:0;list-style-type:none;}
   ul{width:200px;margin:200px auto;}
   ul li{width:200px;height:35px;line-height:35px;display:block;text-align:center;border:1px solid #ccc;}
   ul li a{display:block;}
   ul li input{margin-top:10px;}
  -->
  </style>
 </head>
 <body>
  <ul>
   <li><a href="###">上传头像</a></li>
   <li><a href="###">上传文件</a></li>
   <li><a href="###">上传视频</a></li>
   <li>
    <input type="button" value="允许上传" id="OkUp" />
   </li>
   <li>
    <input type="button" value="禁止上传" id="NoUp" />
   </li>
  </ul>
 </body>
</html>

jquery 事件绑定案例,布布扣,bubuko.com

jquery 事件绑定案例

原文:http://www.cnblogs.com/leeairlines/p/3790211.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!