jQuery技术

jquery技巧(持续更新。。)

字号+ 作者:H5之家 来源:H5之家 2015-11-05 08:27 我要评论( )

(1)集合处理功能 //为索引为0,1,2的元素分别设置不同的字体颜色 $(p).each(function(i){ this.style.color=[#f00,#0f0,#00f][i]; }

(1)集合处理功能

        //为索引为0,1,2的元素分别设置不同的字体颜色
        $('p').each(function(i){              this.style.color=['#f00','#0f0','#00f'][i];        });        //实现表格的隔行换色        $('tr').each(function(){              this.style.backgroundColor=['#ccc','#fff'][i%2];        });(2)toggle(evenfn,oddfn) //每次点击轮流调用这两个函数(3)$.merge(arr1,arr2) //合并两个数组,并删除其中的重复项(4)$.trim(str) //删除字符串两端的空白字符(5)blur,focus事件:失去焦点、获得焦点(6)指定a标签,即rel='external',在新窗口打开界面        $("a[rel='external']").click(function(){            this.target='_blank';        });(7)所有a标签在新窗口打开界面        $('a').attr('target','_blank');(8)点击后,在原窗口打开界面        $('dom').on('click',function(){            window.open(url,'_self');//window.location.href=url        });       点击后,在新窗口打开界面        $('dom').on('click',function(){            window.open(url,'_blank');        });(9)禁止右键弹出        $(document).on('contextmenu',function(){ return false; });        突破方法:        javascript:alert($(document).unbind('contextmenu',''));(10)function test(){alert(arguments.length);}        test(1,2)  //alert(2)        test('a','b',1,2,3)  //alert(5)        利用arguments,对相同函数传递不同个数参数时,进行不同处理        递归函数,为了降低耦合,使用arguments.callee()调用当前函数        严格模式下,无法访问arguments.callee()属性,可使用如下方法:        var func = (function f(num){          if(num <= 1){            return 1;          }else{            return num * f(num-1);          }        });(11)无块级作用域,花括号内部(if,for语句之类,不包括函数)定义的变量,当前执行环境仍可访问(不是全局环境)。(12)js中,用push()、pop()模拟栈方法,shift()、push()或unshift()、pop()方法模拟队列(13)//错误做法        if(condition){          function test(){alert('test1');};        }else{          function test(){alert('test2');};        }
           //正确做法        var test;        if(condition){          test = function(){alert('test1');};        }else{          test = function(){alert('test2');};        }

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评