jquery技巧(持续更新。。)
生活随笔
收集整理的這篇文章主要介紹了
jquery技巧(持续更新。。)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
(1)集合處理功能
//為索引為0,1,2的元素分別設(shè)置不同的字體顏色$('p').each(function(i){ this.style.color=['#f00','#0f0','#00f'][i]; }); //實(shí)現(xiàn)表格的隔行換色 $('tr').each(function(){ this.style.backgroundColor=['#ccc','#fff'][i%2]; }); (2)toggle(evenfn,oddfn) //每次點(diǎn)擊輪流調(diào)用這兩個(gè)函數(shù) (3)$.merge(arr1,arr2) //合并兩個(gè)數(shù)組,并刪除其中的重復(fù)項(xiàng) (4)$.trim(str) //刪除字符串兩端的空白字符 (5)blur,focus事件:失去焦點(diǎn)、獲得焦點(diǎn) (6)指定a標(biāo)簽,即rel='external',在新窗口打開(kāi)界面 $("a[rel='external']").click(function(){ this.target='_blank'; }); (7)所有a標(biāo)簽在新窗口打開(kāi)界面 $('a').attr('target','_blank'); (8)點(diǎn)擊后,在原窗口打開(kāi)界面 $('dom').on('click',function(){ window.open(url,'_self');//window.location.href=url }); 點(diǎn)擊后,在新窗口打開(kāi)界面 $('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,對(duì)相同函數(shù)傳遞不同個(gè)數(shù)參數(shù)時(shí),進(jìn)行不同處理 遞歸函數(shù),為了降低耦合,使用arguments.callee()調(diào)用當(dāng)前函數(shù) 嚴(yán)格模式下,無(wú)法訪問(wèn)arguments.callee()屬性,可使用如下方法: var func = (function f(num){ if(num <= 1){ return 1; }else{ return num * f(num-1); } }); (11)無(wú)塊級(jí)作用域,花括號(hào)內(nèi)部(if,for語(yǔ)句之類,不包括函數(shù))定義的變量,當(dāng)前執(zhí)行環(huán)境仍可訪問(wèn)(不是全局環(huán)境)。 (12)js中,用push()、pop()模擬棧方法,shift()、push()或unshift()、pop()方法模擬隊(duì)列 (13)//錯(cuò)誤做法 if(condition){ function test(){alert('test1');}; }else{ function test(){alert('test2');}; }
//正確做法 var test; if(condition){ test = function(){alert('test1');}; }else{ test = function(){alert('test2');}; }
轉(zhuǎn)載于:https://www.cnblogs.com/hitbs228/p/3688872.html
總結(jié)
以上是生活随笔為你收集整理的jquery技巧(持续更新。。)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 参观中央财经大学机房安装centos6.
- 下一篇: linux bash 学习