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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:16:03
字體:
來源:轉載
供稿:網友
在今天這篇文章中,我們將介紹幾個jQuery的相關方法,無論你是入門級極客或者骨灰級極客,可能都會忽略這些方法的使用。希望大家會覺得有幫助!
 

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
国产精品免费久久久久久| 麻豆一区二区在线观看| 国产日韩欧美在线播放| 欧美黑人性猛交| 久久久久成人网| 91精品国产91| 狠狠做深爱婷婷久久综合一区| 海角国产乱辈乱精品视频| 日日骚久久av| 国产一区二区三区直播精品电影| 黑人巨大精品欧美一区免费视频| 久久精品成人欧美大片古装| 黄色精品一区二区| 欧美黄色成人网| 久久久电影免费观看完整版| 国产精品免费久久久久影院| 97视频在线观看视频免费视频| 国产精品青青在线观看爽香蕉| 色综合久久精品亚洲国产| 久久成人一区二区| 日韩在线免费观看视频| 国产亚洲一区精品| 欧美国产精品人人做人人爱| 亚洲欧美日韩爽爽影院| 国产精品美乳在线观看| 在线丨暗呦小u女国产精品| 国产成人高潮免费观看精品| 91免费看视频.| 精品视频在线导航| 秋霞午夜一区二区| 亚洲国产精品国自产拍av秋霞| 久久伊人色综合| 日韩视频一区在线| 欧美中文字幕视频在线观看| 国产成人精品在线视频| 欧美中文字幕在线观看| 美女撒尿一区二区三区| 91精品国产91久久久久久| 狠狠色狠狠色综合日日五| 中文字幕国产亚洲| 尤物yw午夜国产精品视频| 这里只有精品在线播放| 亚洲国产日韩精品在线| 中文字幕国产亚洲2019| 久久亚洲精品小早川怜子66| 国产精品免费久久久久影院| 欧美中文字幕第一页| 亚洲精品久久在线| 91精品国产成人| 久久久精品在线观看| 欧美精品video| 国产剧情久久久久久| 欧美日韩免费一区| 美日韩精品免费视频| 国产精品www色诱视频| 亚洲人成五月天| 亚洲va欧美va在线观看| 精品久久国产精品| 亚洲国产精品成人av| 精品国产一区二区在线| 狠狠做深爱婷婷久久综合一区| 久久久久999| 亚洲午夜性刺激影院| 国产一区二区三区18| 色婷婷综合成人av| 丝袜美腿亚洲一区二区| 欧洲亚洲免费在线| 国产精品一区久久| 亚洲欧美成人网| 粗暴蹂躏中文一区二区三区| 77777少妇光屁股久久一区| 久久国产精品久久久久| 国产精品96久久久久久又黄又硬| 亚洲欧美在线免费| 久久精品视频一| 亚洲bt天天射| 欧美在线影院在线视频| 久久亚洲精品一区二区| 亚洲欧美在线免费观看| 国产成人啪精品视频免费网| 自拍偷拍亚洲欧美| 日本在线观看天堂男亚洲| 不卡av电影在线观看| 91精品国产乱码久久久久久久久| 日本欧美黄网站| 亚洲黄色免费三级| 91在线观看免费观看| 成人动漫网站在线观看| 精品久久久久久国产91| 国产一区二区三区在线看| 97香蕉久久夜色精品国产| 精品久久久在线观看| 91精品久久久久久久| 成人综合网网址| 亚洲精品一区二区在线| 日韩最新av在线| 国产成人精品在线观看| 国产精品小说在线| 久久99国产精品久久久久久久久| 97在线观看免费| 欧美激情第三页| 亚洲男人7777| 亚洲免费视频一区二区| 亚洲国产成人在线播放| 精品日韩视频在线观看| 中文字幕日韩综合av| 欧美在线视频在线播放完整版免费观看| 久久久久久久久久久人体| 亚洲男女自偷自拍图片另类| 成人精品视频久久久久| 久久99国产精品久久久久久久久| 国产精品久久久久久av福利软件| 欧美电影免费在线观看| 欧美电影院免费观看| 欧美性猛交xxxx乱大交蜜桃| 一区二区三区无码高清视频| 国产精品国产三级国产专播精品人| 成人国内精品久久久久一区| 国产精品偷伦一区二区| 欧美人交a欧美精品| 亚洲人成电影网站色| 亚洲美女喷白浆| 色yeye香蕉凹凸一区二区av| 亚洲精品乱码久久久久久按摩观| 久久久精品一区二区三区| 日韩一二三在线视频播| 九九久久国产精品| 久久国产精品久久精品| 性色av一区二区三区红粉影视| 亚洲最大av在线| 亚洲国产又黄又爽女人高潮的| 国产亚洲精品综合一区91| 亚洲午夜小视频| 欧美放荡办公室videos4k| 91系列在线观看| 亚洲free性xxxx护士hd| 国产女同一区二区| 国产成人97精品免费看片| 国内免费精品永久在线视频| 欧美野外猛男的大粗鳮| 久久精品91久久香蕉加勒比| 欧美性猛交99久久久久99按摩| 欧美性xxxxx| 亚洲电影av在线| 欧美日韩一区二区在线播放| 亚洲影视中文字幕| 亚洲性av网站| 亚洲精品第一页| 亚洲国产精品久久久久久| 91在线观看免费高清完整版在线观看| 国产美女久久精品香蕉69| 亚洲成人激情在线| 欧美日韩亚洲91| 成人一区二区电影| 91夜夜揉人人捏人人添红杏| 久久久国产精品亚洲一区| 亚洲欧美另类在线观看| 日韩亚洲国产中文字幕| 欧美国产在线电影| 日韩激情av在线免费观看| 性色av香蕉一区二区| 黑人精品xxx一区一二区| 色妞色视频一区二区三区四区| 91深夜福利视频|