jquery跟js初始化加載的多種方法及區(qū)別介紹
更新時(shí)間:2014年04月02日 15:47:44 作者:
jquery是等待頁(yè)面加載完數(shù)據(jù),以及頁(yè)面部分元素;js是頁(yè)面全部加載完成才執(zhí)行初始化加載,具體示例祥看本文
jquery和js初始化加載頁(yè)面的區(qū)別:
jquery:等待頁(yè)面加載完數(shù)據(jù),以及頁(yè)面部分元素(不包括圖片、視頻),
js:是頁(yè)面全部加載完成才執(zhí)行初始化加載。
1、jQuery 頁(yè)面加載初始化的方法有3種 ,頁(yè)面在加載的時(shí)候都會(huì)執(zhí)行腳本,
第一種(比較常用):
$.function(){
alert("第一種方法");
});
第二種:
$(document).ready(function(){
alert("第二種方法");
});
第三種:
jQuery(function($){
alert("第三種方法");
});
2、js初始化加載的方法
第一種:
window.onload=function(){
alert("初始化加載");
};
第二種:
(winOnload 此方法名自定義)
function winOnload() {
alert("初始化加載");
};
winOnload();
注意: 由于jquery使用$符號(hào),和有些組件例如dwr就有沖突,為了解決這個(gè)問(wèn)題,可以使用
var ace=jQuery.noConflict();
jquery:等待頁(yè)面加載完數(shù)據(jù),以及頁(yè)面部分元素(不包括圖片、視頻),
js:是頁(yè)面全部加載完成才執(zhí)行初始化加載。
1、jQuery 頁(yè)面加載初始化的方法有3種 ,頁(yè)面在加載的時(shí)候都會(huì)執(zhí)行腳本,
第一種(比較常用):
復(fù)制代碼 代碼如下:
$.function(){
alert("第一種方法");
});
第二種:
復(fù)制代碼 代碼如下:
$(document).ready(function(){
alert("第二種方法");
});
第三種:
復(fù)制代碼 代碼如下:
jQuery(function($){
alert("第三種方法");
});
2、js初始化加載的方法
第一種:
復(fù)制代碼 代碼如下:
window.onload=function(){
alert("初始化加載");
};
第二種:
(winOnload 此方法名自定義)
復(fù)制代碼 代碼如下:
function winOnload() {
alert("初始化加載");
};
winOnload();
注意: 由于jquery使用$符號(hào),和有些組件例如dwr就有沖突,為了解決這個(gè)問(wèn)題,可以使用
復(fù)制代碼 代碼如下:
var ace=jQuery.noConflict();
相關(guān)文章
jquery實(shí)現(xiàn)模擬百分比進(jìn)度條漸變效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)模擬百分比進(jìn)度條漸變效果代碼,涉及jQuery基于時(shí)間函數(shù)操作頁(yè)面元素樣式變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10jquery.Callbacks的實(shí)現(xiàn)詳解
這篇文章主要給大家介紹的是jQuery.Callback()的實(shí)現(xiàn),這個(gè)函數(shù)常見(jiàn)的應(yīng)用場(chǎng)景是事件觸發(fā)機(jī)制,也就是設(shè)計(jì)模式中的觀察者(發(fā)布、訂閱機(jī)制),目前Callbacks對(duì)象用于queue、ajax、Deferred對(duì)象中,下面通過(guò)這篇文章來(lái)詳細(xì)看看關(guān)于jquery.Callbacks實(shí)現(xiàn)的介紹吧。2016-11-11jQuery源碼分析-05異步隊(duì)列 Deferred 使用介紹
異步隊(duì)列是一個(gè)鏈?zhǔn)綄?duì)象,增強(qiáng)對(duì)回調(diào)函數(shù)的管理和調(diào)用,用于處理異步任務(wù)2011-11-11jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法,涉及jquery鼠標(biāo)事件及頁(yè)面元素遍歷的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08那些年,我還在學(xué)習(xí)jquery 學(xué)習(xí)筆記
那些年學(xué)習(xí)了一些基本的web開(kāi)發(fā)知識(shí),其中已經(jīng)有javascript語(yǔ)言了,為什么還要學(xué)習(xí)Jquery啊2012-03-03jQuery插件開(kāi)發(fā)發(fā)送短信倒計(jì)時(shí)功能代碼
最近項(xiàng)目開(kāi)發(fā)中遇到這樣的功能:1.點(diǎn)擊按鈕的時(shí)候,可以進(jìn)行倒計(jì)時(shí),倒計(jì)時(shí)自定義.2.當(dāng)接收短信失敗后,倒計(jì)時(shí)停止,可點(diǎn)擊重新發(fā)送短信.3.點(diǎn)擊的元素支持一般標(biāo)簽和input標(biāo)簽。看似很復(fù)雜其實(shí)實(shí)現(xiàn)代碼很簡(jiǎn)單,下面小編給大家分享下實(shí)現(xiàn)代碼,需要的朋友參考下吧2017-05-05jQuery循環(huán)動(dòng)畫(huà)與獲取組件尺寸的方法
這篇文章主要介紹了jQuery循環(huán)動(dòng)畫(huà)與獲取組件尺寸的方法,實(shí)例分析了animate用法及組件的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02