jQuery學(xué)習(xí)---入口函數(shù)

AK、Mapps?-?IV.mp3 來(lái)自多選參數(shù) 00:00 03:25

1. jQuery與JavaScript的對(duì)比

1.1 在JavaScript中

· 當(dāng)有多個(gè) window.onload 時(shí)只會(huì)執(zhí)行一次,前面的會(huì)被后面的覆蓋

1?window.onload?=?function?()?{
2????alert("Hello·多選參數(shù)");?//?不會(huì)彈窗
3?}
4?window.onload?=?function?()?{
5????alert("多選參數(shù)");?//?會(huì)彈窗
6?}

· window.onload函數(shù)必須等待網(wǎng)頁(yè)全部加載完畢(包括 圖片等),然后再執(zhí)行里面的代碼。

1.2 在jQuery中

· 多個(gè)$(document).ready()會(huì)執(zhí),會(huì)

1?$(document).ready(function?()?{
2??????alert("Hello·多選參數(shù)");?//會(huì)彈窗
3??});
4?$(document).ready(function?()?{
5???????alert("多選參數(shù)");?//?會(huì)彈窗
6??});

· $(document).ready() 只需要等待網(wǎng)頁(yè)中的 DOM 結(jié)構(gòu) 加載完畢,就能執(zhí) 行里面的代碼。并且他可以簡(jiǎn)寫(xiě)為$(function () { });

·在jQuery中滿足下列等式

1window.jQuery?=?window.$?=?jQuery;

所以jQuery的入口函數(shù)又可以寫(xiě)為:

 1<script>
2????????//?方式一
3????????$(document).ready(function?()?{
4????????????alert("Hello·多選參數(shù)");
5????????});
6????????//?方式二
7????????$(function?()?{
8????????????alert("Hello·多選參數(shù)");
9????????});
10????????//?方式三
11????????jQuery(document).ready(function?()?{
12????????????alert("Hello·多選參數(shù)");
13????????});
14????????//?方式四
15????????jQuery(function?()?{
16????????????alert("Hello·多選參數(shù)");
17????????});
18
</script>

2. $訪問(wèn)符沖突時(shí)怎么辦?

會(huì)問(wèn),jQuery個(gè)$(如下),那么 jQuery 中的$?訪問(wèn)符不就不能用了嗎?

1<script?src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
2<script>
3????????var?$?=?function(){
4????????????alert("Hello·多選參數(shù)");
5????????}
6
</script>

接著咱們來(lái)看這個(gè)問(wèn)題怎么解決

·這個(gè)問(wèn)問(wèn)簡(jiǎn),用 $?符號(hào)定義不就解決了(黑人臉),當(dāng)然這里就是皮一下。咱們認(rèn)真討論一下這個(gè)問(wèn)題。

· 釋放 $ 使用權(quán)

· 當(dāng) $?訪問(wèn)符號(hào)發(fā)生沖突時(shí)使用權(quán),我們可以釋放釋放 $ 使用權(quán),釋放之后,只能使用 jQuery

 1<script>
2????????//?釋放$的使用權(quán)
3????????jQuery.noConflict();
4????????//?使用?jQuery
5????????jQuery(function?()?{
6????????????alert("Hello·多選參數(shù)");
7????????});
8????????//?使用其他庫(kù)的?$()
9????????$();
10
</script>
· 自定義其他訪問(wèn)符號(hào)

· 當(dāng) $ 訪問(wèn)符號(hào)發(fā)生沖突時(shí),我們可以自定義其他訪問(wèn)符號(hào)

1<script>
2????????//?在使用jQuery之前指定自定義符號(hào)
3????????var?syy?=?jQuery.noConflict();
4????????//?在這里syy?=?$
5????????//?和使用$一樣通過(guò)自定義符號(hào)調(diào)用jQuery
6????????syy(function?()?{
7????????????alert("Hello·多選參數(shù)");
8????????});
9
</script>

最后的嘮叨:

到這里基本的剛接觸需要了解的東西就學(xué)完了,往后就要開(kāi)始學(xué)習(xí)比較深一層次的東西了,大家可以去jQuery官網(wǎng)了解一下,或者(http://hemin.cn/jq/index.html)去這里看看。還有最后一點(diǎn),一定要記得自己寫(xiě)的代碼要寫(xiě)備注。不然你可以試一下,嘻嘻。

To be continued 。。。

不甘于「本該如此」,多選參數(shù)?值得關(guān)注

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容