jQuery 事件 - bind() 方法
定義和用法
bind() 方法為被選元素添加一個或多個事件處理程序，并規定事件發生時運行的函數。
實例1（一個事件）
記得把js引用地址換掉
當點擊鼠標時，隱藏或顯示 p 元素：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
? ? ? $(document).ready(function(){
? ? ? ? ? ? ?$("button").bind("click",function(){
? ? ? ? ? ? ? ? ? ? ? ?$("p").slideToggle();
? ? ? ? ? ? ? });
? ? ? ? });
</script>
</head>
? ?<body>
? ? ? <p>This is a paragraph.</p>
? ? ? <button>請點擊這里</button>
? ? ? </body>
</html>
實例2（三個事件）
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
? ? ? ? ? ? $(document).ready(function(){
? ? ? ? ? ? ? ? ? $("button").bind({
? ? ? ? ? ? ? ? ? ? ? ? ? ? click:function(){$("p").slideToggle();},
? ? ? ? ? ? ? ? ? ? ? ? ? ? mouseover:function(){$("body").css("background-color","red");},
? ? ? ? ? ? ? ? ? ? ? ? ? ? mouseout:function(){$("body").css("background-color","#FFFFFF");}
? ? ? ? ? ? ? ? ? ?});
? ? ? ? ? ?});
</script>
</head>
<body>
? ? ? <p>This is a paragraph.</p>
? ? ? ?<button>請點擊這里</button>
</body>
</html>
轉載于:https://www.cnblogs.com/itdaocaoren/p/4451668.html
總結
以上是生活随笔為你收集整理的jQuery 事件 - bind() 方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 板翅式换热器翅片表面传热与阻力特性性能分
- 下一篇： 微软发布3款SQL Injection攻