欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 判斷元素是否存在然后按需加載內(nèi)容的實(shí)現(xiàn)代碼

 更新時(shí)間：2020年01月16日 17:16:55   作者：PetitQ  
這篇文章主要介紹了jQuery 判斷元素是否存在然后按需加載內(nèi)容的實(shí)現(xiàn)代碼,需要的朋友可以參考下

前端開發(fā)的過(guò)程中，我們會(huì)使用很多 jQuery 插件，jQuery 插件使用得多了，會(huì)導(dǎo)致網(wǎng)頁(yè)打開速度變慢。而引入的 jQuery 插件并不是每個(gè)頁(yè)面都需要的。這時(shí)候使用按需加載的方法加載 jQuery 插件會(huì)對(duì)前端性能的提升有不少幫助。按需加載的方法有很多，今天我們來(lái)說(shuō)一下 jQuery 的方法。判斷網(wǎng)頁(yè)中一個(gè)元素是否存在的方法：

var $selector = $('.my-element');
if ( $selector.length > 0 ) {
  // 如果存在，引入jQuery庫(kù)，或做其他操作
}

在這里，我們先判斷一下頁(yè)面是是否有 `.slideshow`，如果有，說(shuō)明這個(gè)頁(yè)面有幻燈，我們加載 `jquery.cycle.min.js`這個(gè) jQuery 幻燈插件。

var $slideshow = $('.slideshow');
if ( $slideshow.length > 0 ) {
  $.getScript("js/jquery.cycle.min.js").done(function() {
  $slideshow.cycle();
 });
}

如果需要經(jīng)常使用，我們還可以寫一個(gè)功能函數(shù)：

jQuery.fn.exists = function(){ return this.length > 0; }
 
if ( $(selector).exists() ) {
  // 如果存在，引入jQuery庫(kù)，或做其他操作
}

在一些對(duì)頁(yè)面效果要求比較多的案例中，上面的方法可以在一定程度上減少某個(gè)頁(yè)面的載入速度，從而提升用戶體驗(yàn)。

相關(guān)文章

最新評(píng)論