亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery中大家不太了解的幾個方法

2019-11-20 13:01:15
字體:
來源:轉載
供稿:網友

jQuery近些年來仍舊是web開發中最受歡迎的類庫,雖然大家褒貶不一,但是仍舊不失為一款最流行的Javascript,

在事件中return false

可能大家在編寫事件相關代碼的時候,有時候會使用return false語句,代碼如下:

復制代碼 代碼如下:

$("a").click(function() {
   $(".gbtags").toggle();
   return false;
}

以上代碼中,我們點擊a元素,如果不return false,會觸發對應a元素的鏈接,導致頁面的地址變化。

而jQuery有標準的方法來幫助你實現類似上面的功能,代碼如下:

復制代碼 代碼如下:

if ( ret !== undefined ) {
   if ( (event.result = ret) === false ) {
      event.preventDefault();
      event.stopPropagation();
   }
}

那么這兩個實現方式有什么不同呢? 我們可以看看jQuery的源代碼,如下:

復制代碼 代碼如下:

if ( ret !== undefined ) {
   if ( (event.result = ret) === false ) {
      event.preventDefault();
      event.stopPropagation();
   }
}

大家看明白了嗎?最簡單理解,如下:

return false;
等于

event.preventDefault();
event.stopPropagation();
在事件處理中,如果你直接返回false,那么將會同時阻止元素缺省行為并且終止元素事件的Bubbling,即事件同時阻止當前元素父層元素,即:event.stopPropagation(); 所實現效果。

$.type來實現類型判斷

也許大家都已經習慣了使用javascript的本地方法:typeof 來判斷類型,但是在jQuery中提供了一個更好的方法幫助你判斷類型,那就是$.type。

那么究竟有什么區別呢? 我們先看看這個gbdebug:

http://www.gbtags.com/gb/debug/3361dbff-41c0-465d-81e3-1ef6cbb275e1.htm
運行以上代碼,能看到如下輸出結果:

復制代碼 代碼如下:

// 返回object
result(typeof null);
// 返回object
result(typeof [0, 1, 2]);
// 返回object
result(typeof new Number(3));
// 返回null
result($.type(null));
// 返回array
result($.type([0, 1, 2]));
// 返回number
result($.type(new Number(3)));

大家看出來什么區別了嗎? 使用$.type能夠返回更準確的對象類型,而typeof則返回object,所以如果你使用jQuery來編碼的時候,使用$.type 將更加方便。

使用attr()來實現removeAttr()的功能

可能大家習慣了使用attr()來添加元素屬性,而使用removeAttr() 來刪除元素屬性。

但是其實使用attr()也能執行刪除的效果,為什么呢?請看看如下jQuery源代碼:

復制代碼 代碼如下:

attr: function( elem, name, value ) {
    ...
    if ( value !== undefined ) {
        if ( value === null ) {
            jQuery.removeAttr( elem, name );
    ...
}

從上面jQuery的源代碼中可以看出來,如果你設置value為null的話,其實它就可以實現removeAttr的方法功能。

http://www.gbtags.com/gb/debug/269c89e1-b22f-40f9-8d26-8d995e999d29.htm
因此,我們可以如下方式來運行判斷是否刪除屬性:

復制代碼 代碼如下:

$('a').attr('title', condition ? value : null);

否則你需要使用如下:

復制代碼 代碼如下:

condition ? $('a').attr('title', value) : $('a').removeAttr('title');

是不是稍微簡單一些?

$.makeArray來創建數組

有些時候我們需要將類似數組的數據結構轉化成為一個真實的數組,然后調用相關數組方法,例如reverse,代碼如下:

復制代碼 代碼如下:

// 返回 NodeList
var elems = document.getElementsByTagName( "li" );
// 轉化為Array
var arr = jQuery.makeArray( elems );
// 調用數組方法反向排序
arr.reverse();
$( arr ).appendTo( document.body );

相關gbdebug:

http://www.gbtags.com/gb/debug/75d28491-aa13-4868-aa95-10b079337b82.htm
是不是非常簡單?如果不使用$.makeArray,那么你需要自己處理Javascript來實現類似的功能,會非常麻煩

總結

以上就是幾個大家可能在jQuery開發中容易忽略的幾個實用方法,或者你也有自己的一些不錯的方法,請大家不吝分享!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲性猛交xxxxwww| 亚洲欧美在线第一页| 精品国产31久久久久久| 黄色成人在线免费| 欧美激情a∨在线视频播放| 精品久久久久久久久久ntr影视| 色小说视频一区| 亚洲欧美国产精品va在线观看| 三级精品视频久久久久| 日韩综合视频在线观看| 日韩精品亚洲视频| 久久久久久久97| 国产成人aa精品一区在线播放| 最新国产精品拍自在线播放| 亚洲综合av影视| 国外色69视频在线观看| 成人午夜在线视频一区| 狠狠干狠狠久久| 成人免费午夜电影| 日韩中文字在线| 欧美国产日韩一区二区在线观看| 亚洲精品综合久久中文字幕| 日韩成人激情在线| 精品亚洲夜色av98在线观看| 日韩视频一区在线| 午夜精品一区二区三区在线视| 日本高清+成人网在线观看| 亚洲欧美国产一区二区三区| 色综合伊人色综合网| 久久久亚洲精选| 亚洲精品一区久久久久久| 日韩在线中文字| 久久久精品一区二区三区| 精品久久久久久亚洲精品| 亚洲欧美日韩国产成人| 亚洲国产欧美一区二区三区同亚洲| 国产成人精品久久二区二区91| 91久久精品久久国产性色也91| 欧美大片免费观看在线观看网站推荐| 亚洲伦理中文字幕| 粗暴蹂躏中文一区二区三区| 久久综合久久美利坚合众国| 精品久久久久久久久中文字幕| 亚洲成人黄色网| 成人免费在线网址| 最近2019年中文视频免费在线观看| 成人有码视频在线播放| 国产亚洲欧洲高清| 国产一区二区成人| www欧美日韩| 91禁外国网站| 久久这里只有精品99| 日本a级片电影一区二区| 亚洲第一福利网站| 欧美激情第一页xxx| 日本成人精品在线| 久久久久一本一区二区青青蜜月| 色综合久久中文字幕综合网小说| 亚洲xxxx做受欧美| 丝袜亚洲另类欧美重口| 成人免费福利视频| 日韩一中文字幕| 色综合91久久精品中文字幕| 亚洲xxxx妇黄裸体| 日韩美女主播视频| 亚洲91av视频| 亚洲欧美中文日韩在线| 亚洲成人亚洲激情| 日韩av大片在线| 91精品中国老女人| 亚洲第一色中文字幕| 国产精品狼人色视频一区| 国产suv精品一区二区三区88区| 在线观看欧美视频| 国产精品v片在线观看不卡| 97免费视频在线| 91最新在线免费观看| 国产精品久久久久久中文字| 欧美日韩中文字幕在线| 8x海外华人永久免费日韩内陆视频| 国产在线视频2019最新视频| 午夜精品国产精品大乳美女| 555www成人网| 色一情一乱一区二区| 欧美美女操人视频| 国产不卡精品视男人的天堂| 日韩高清中文字幕| 国产欧美精品一区二区三区-老狼| 欧美精品电影免费在线观看| 精品偷拍各种wc美女嘘嘘| 国产精品99久久久久久久久| 亚洲毛片在线免费观看| 97精品国产91久久久久久| 国产一区二区三区在线视频| 亚洲欧美另类人妖| 隔壁老王国产在线精品| 最近中文字幕mv在线一区二区三区四区| 欧美日韩aaaa| 亚洲精品白浆高清久久久久久| 久久久久亚洲精品| 亚洲美女av电影| 亚洲精品999| 91国产美女在线观看| 亚洲综合大片69999| 精品无码久久久久久国产| 久热99视频在线观看| 国产在线精品播放| 日本最新高清不卡中文字幕| 国产97在线观看| 欧美激情在线有限公司| 成人羞羞国产免费| 亚洲第一国产精品| 欧美亚洲国产成人精品| 久久久亚洲成人| 国产欧美日韩精品专区| 日韩av电影在线播放| 6080yy精品一区二区三区| 久久久爽爽爽美女图片| 久久久精品2019中文字幕神马| 成人免费观看49www在线观看| 亚洲精品黄网在线观看| 色偷偷91综合久久噜噜| 美女国内精品自产拍在线播放| 日韩最新av在线| 欧美性高潮床叫视频| 亚洲色图15p| 中文字幕在线看视频国产欧美| 不卡在线观看电视剧完整版| 91丨九色丨国产在线| 美女福利精品视频| 国产成+人+综合+亚洲欧美丁香花| 国产精品91在线| 精品久久久久久亚洲精品| 91免费观看网站| 亚洲精品欧美日韩专区| 欧洲成人免费aa| 91九色视频导航| 国内精品小视频在线观看| 亚洲激情视频网| 日本久久精品视频| 亚洲美女www午夜| 在线观看亚洲区| 欧美大码xxxx| 久久av.com| 日本高清久久天堂| 日韩精品极品在线观看| 欧美黑人性猛交| 国产91亚洲精品| 亚洲 日韩 国产第一| 国产不卡av在线免费观看| 国产精品日韩在线| 国产成人+综合亚洲+天堂| 97色在线播放视频| 亚洲а∨天堂久久精品9966| 欧美一级电影久久| 日本精品视频在线| 91亚洲永久免费精品| 欧美另类99xxxxx| 伊人久久五月天| 久久综合网hezyo| 国产亚洲精品va在线观看| 国产精品久久国产精品99gif| 国产精品日日摸夜夜添夜夜av| 久久久久久久97|