iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 13
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 14

【day14】JS與JQ的加載模式

  • 分享至 

  • xImage
  •  

一、解決引入其他JS庫與JQ庫二者之間的衝突

  1. JS與JQ的等待載入差異
  • 寫法:window.onload
  • 必須等待網頁內容(如圖片)全部載入完成才會執行
  • 只能執行一次,如果二次以上,後面的code會取代前面的執行
  1. jQuery的等待載入
  • 寫法:$(document).ready()
  • 只待DO結構載入完畢,就能執行包裹的代碼
  • 可以執行多次,不會被覆蓋
  • 簡寫:$(function () { });

二、解決引入其他JS庫與JQ庫二者之間的衝突
【分法一】如果是將 jQuery 庫在 其他JS庫之前引入,那麼“$”的所有權就歸其他的JS庫所有,而 jQuery 可以直接用 jQuery 物件調用,或者創建一個“$$”符給 jQuery 使用。如:"var $$ = jQuery;"
【分法二】如果是將 jQuery 庫在其他JS庫之後引入,那麼“$”的所有權就歸 jQuery 庫所有,而其他JS庫將會衝突而失去作用。可使用Query 提供了一個方法:jQuery.noConflict();,將jQuery 的$符所有權剔除,並可以加上var $$ = jQuery;,之後用$$ 或直接jQuery引用即可。


上一篇
【day13】關於float與clear屬性
下一篇
【day15】JS選取元素的方法和JQ選取器
系列文
CSS、JS-30天研究筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言