当前位置：首页 > Web开发 > 正文

function(){alert(‘我是bind绑定事件‘)})}//jQuery解绑事件function testUn

2024-03-31 Web开发

标签：

jquery动态事件添加事件

元素东西.bind("事件名",fn);//动态的给指定的元素追加指定的事件，，多次点击将追加多个反复函数

移除事件

元素东西.unBind("事件名");

添加一次性事件：

添加的函数执行一次后掉效

元素东西.one("事件名",fn)

页面载入事件：

注意不要写在函数里
$(document).ready(fn);fn暗示函数东西function
页面载入告成后会挪用函数东西。而且这个方法写多个，不会笼罩。

测试代码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>操纵事件</title>  <script src="http://www.mamicode.com/js/jQuery-3.4.1.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //js动态添加事件 function testThing(){ var btn = document.getElementById("btn") btn.onclick=function(){ alert("我是js方法") } } //jQuery添加事件：以点击事件为例（click) function testBind(){ $("#btn2").bind("click",function(){alert(‘我是bind绑定事件‘)}) } //jQuery解绑事件 function testUnbind(){ $("#btn2").unbind("click"); } //jQuery一次性事件 function testOne(){ $("#btn3").one("click",function(){alert("我是一次性事件")}) } //页面加载事件：注意不要写在函数里 $(document).ready(function(){alert("我是页面加载事件")}) $(document).ready(function(){alert("我是页面加载事件2")}) </script> </head> <body> <h3>操纵事件</h3> <input type="button" value="js动态添加事件"/> ←持续点击也只添加一个函数（一个事件） <input type="button" value="jquery动态添加事件"/> ←持续点击添加多个函数（一个事件） <input type="button" value="jquery解绑事件" /> <input type="button" value="添加一次性事件jQuery-one()"/> ←再次单击无效 <hr> <input type="button" value="测试js" /> <input type="button" value="测试jquery-bind()" /> <input type="button" value="测试jQuery-one()" /> </body> </html>

30 jQuery——操纵事件

温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/30553.html

function(){alert(‘我是bind绑定事件‘)})}//jQuery解绑事件function testUn

推荐文章

热门文章

标签

友情链接

关于本站

联系我们

特别鸣谢