jQuery 入口函式, 衝突問題

2022-06-14 20:30:11 字數 2085 閱讀 5507

原生js和jquery載入模式不同

原生js會等dom載入完成,等資源也載入完成再執行;

jquery會等dom載入完成,但不會等等資源載入完成就會執行。

多個入口函式

原生js如果編寫了多個入口函式,後面編寫的會覆蓋前面編寫的。

window.onload = function(e)

window.onload = function(e)

//hello2

2.jquery的入口函式如果編寫了多個,後面寫的不會覆蓋前面的。

$(document).ready(function())

$(document).ready(function())

//hello1

//hello2

jquery入口函式的其他寫法

第一種寫法

$(document).ready(function())

第二種寫法

jquery(document).ready(function())

第三種寫法

$(function())

第四種寫法

jquery(function())

jquery衝突問題

如果引入了多個框架,並其他框架也引入了$的衝突解決辦法:

//解決方法:

//1.釋放$的使用權;

//注意點:釋放操作必須在編寫其他jquery**之前編寫,釋放之後就不能再使用$,改用jquery。

jquery.noconflict();

jquery(function())

//2.自定義乙個訪問符號

var jq = jquery.noconflict();

jq(function())

原生js和jquery載入模式不同

原生js會等dom載入完成,等資源也載入完成再執行;

jquery會等dom載入完成,但不會等等資源載入完成就會執行。

多個入口函式

原生js如果編寫了多個入口函式,後面編寫的會覆蓋前面編寫的。

window.onload = function(e)

window.onload = function(e)

//hello2

2.jquery的入口函式如果編寫了多個,後面寫的不會覆蓋前面的。

$(document).ready(function())

$(document).ready(function())

//hello1

//hello2

jquery入口函式的其他寫法

第一種寫法

$(document).ready(function())

第二種寫法

jquery(document).ready(function())

第三種寫法

$(function())

第四種寫法

jquery(function())

jquery衝突問題

如果引入了多個框架,並其他框架也引入了$的衝突解決辦法:

//解決方法:

//1.釋放$的使用權;

//注意點:釋放操作必須在編寫其他jquery**之前編寫,釋放之後就不能再使用$,改用jquery。

jquery.noconflict();

jquery(function())

//2.自定義乙個訪問符號

var jq = jquery.noconflict();

jq(function())

jQuery 入口函式, 衝突問題

原生js和jquery載入模式不同 原生js會等dom載入完成,等資源也載入完成再執行 jquery會等dom載入完成,但不會等等資源載入完成就會執行。多個入口函式 原生js如果編寫了多個入口函式,後面編寫的會覆蓋前面編寫的。window.onload function e window.onloa...

jQuery 入口函式

載入模式 js和jquery的區別title 原生js 函式覆蓋問題 js window.onload function ev window.onload function 輸出結果 彈出 hello twojs jquery document ready function document rea...

jQuery 入口函式

jquery入口函式 文件就緒事件 與js入口函式相似 三種寫法 第一種 document ready function 第二種 ready function 第三種 function jquery入口函式 function 與j ascript入口函式 window.onload 的區別 1.jq...