常用js方法总结

来源：互联网发布：厦门雅迅网络很烂吗编辑：程序博客网时间：2024/05/16 20:30

一、live用法

可以绑定一个或多个事件类型的字符串和函数的数据映射来执行他们，需要引入jquery.js

 $("a").live({  click: function() {    // do something on click  },  mouseover: function() {    // do something on mouseover  }});

也可以同时绑定mouseover和mouseout事件,像这样：

$('.hoverme').live('mouseover mouseout', function(event) {  if (event.type == 'mouseover') {    // do something on mouseover  } else {    // do something on mouseout  }});

二、animate用法

用500毫秒将段落清晰显示出来（透明度为1）

$("p").animate({ opacity: 'show' }, { duration: 500 }); 等同于$("p").animate({ opacity: 'show' },500 );

// 根据高度切换显示/隐藏，点击一下显示时高度从0增加到原高度，再点击一下隐藏时高度从原高度减小到0
$("p").animate( { height: "toggle" });

// font-size或fontSize均可，由多个单词构成的属性均是如此
//两秒内字体变为30px,紧接着2秒内字体变为14px,执行完成后弹出提示框。

$("p").animate( { fontSize: "30px" }, 2000 ).animate( { fontSize: "14px" }, 2000, function(){alert("动画3执行完毕!");});

//立刻显示出内容content，两秒后隐藏

$("#msgTip").animate({opacity: "show"}, 0).html(content).animate({opacity: "hide"}, 2000);

三、click事件（三种方法）

onclick是绑定事件
click是触发事件

<script type="text/javascript"> $("#btn4").click(function(){ alert("click"); }); 等同于$("#btn4").on('click',function(){ alert("click"); });function change(){ alert("onclick"); } </script><button onclick="change()">dd</button> <button id="btn4">ee</button>

四、$.each()

$.each()函数不同于JQuery对象的each()方法，它是一个全局函数，不操作JQuery对象，

而是以一个数组或者对象作为第1个参数，以一个回调函数作为第2个参数。
回调函数拥有两个参数：第1个为对象的成员或数组的索引，第2个为对应变量或内容。

$.each([1,2,3,],function(i,v){})

0 0