常用js方法总结

﹏ヽ暗。殇╰゛Y 2022-07-21 12:17 296阅读 0赞

一、live用法

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

  1. $("a").live({
  2. click: function() {
  3. // do something on click
  4. },
  5. mouseover: function() {
  6. // do something on mouseover
  7. }
  8. });

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

  1. $('.hoverme').live('mouseover mouseout', function(event) {
  2. if (event.type == 'mouseover') {
  3. // do something on mouseover
  4. } else {
  5. // do something on mouseout
  6. }
  7. });

二、animate用法

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

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

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

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

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

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

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

三、click事件(三种方法)

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

  1. <script type="text/javascript">
  2. $("#btn4").click(function(){
  3. alert("click");
  4. });
  5. 等同于
  6. $("#btn4").on('click',function(){
  7. alert("click");
  8. });
  9. function change(){
  10. alert("onclick");
  11. }
  12. </script>
  13. <button οnclick="change()">dd</button>
  14. <button id="btn4">ee</button>

四、$.each()

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

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

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

五、js里json对象转换为json字符串

  1. var params = {
  2. id:context.param.id
  3. }
  4. params = JSON.stringify(params);
  5. var options = {data:params};

发表评论

表情:
评论列表 (有 0 条评论,296人围观)

还没有评论,来说两句吧...

相关阅读

    相关 方法总结

    关于es6中的函数 发现在日常工作中也是常用项,但是老是记不住,老要百度,特总结一下 判断是否包含 此方法不仅对 字符串生效,同样对数组也生效,对象数组不生效(仅为测试