日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 >

《锋利的jQuery》学习---基础篇01(持续更新)

發(fā)布時(shí)間:2024/10/12 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 《锋利的jQuery》学习---基础篇01(持续更新) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

書是公司買的,借過來看看,感謝公司,其實(shí)我電腦里有這本書的電子書,但是發(fā)現(xiàn)自己越來越不喜歡用電腦看書了,嚴(yán)重費(fèi)眼睛。

嘿嘿,看來這是要逼著我買kindle呀。好了,現(xiàn)在有書,廢話不多說,從最基礎(chǔ)的開始。

堅(jiān)持,可能記錄的比較亂,只為自己看,每個(gè)人的理解缺口不一樣哦。

---------------------------------------------------------------------------------------------------------------

1:在jQuery庫(kù)中,$就是jQuery的一個(gè)簡(jiǎn)寫形式,比如:$("#foo")和jQuery("#foo")是等價(jià)的,$.jQuery和jQuery.ajax是等價(jià)的。

2:dom元素加載完畢執(zhí)行的一段代碼:

1 <script src="../scripts.jQuery.js" type="text/javascript"> 2 <script type="text/javascript"> 3 $(document).ready(function{ 4 alert("hello world"); 5 }); 6 </script>

這段代碼的作用類似于js中的window.onload方法,不過與window.onload還是有區(qū)別的:

?window.onload$(document).ready()
執(zhí)行時(shí)機(jī)必須等待網(wǎng)頁中所有的內(nèi)容(包括圖片)加載完畢后才能執(zhí)行網(wǎng)頁中所有的dom結(jié)構(gòu)繪制完畢后就執(zhí)行,可能dom元素關(guān)聯(lián)的東西并沒有加載完畢
編寫個(gè)數(shù)

不能同時(shí)編寫多個(gè):

window.οnlοad=function(){ alert("text1")};

window.οnlοad=function(){ alert("text2")};

結(jié)果只會(huì)輸出text2

?可以同時(shí)編寫多個(gè):

$(document).ready(function(){?alert("text1") });

$(document).ready(function(){?alert("text2") });

?兩次結(jié)果都要輸出

簡(jiǎn)化寫法?無

?可以簡(jiǎn)寫成:

$(function(){

??? //.......代碼

});

3:jQuery代碼風(fēng)格:

???? a:對(duì)于同一個(gè)對(duì)象不超過3個(gè)操作的,可以直接寫成一行

???? b:對(duì)于同一個(gè)對(duì)象的較多操作的,建議每行寫一個(gè)操作

???? c:對(duì)于多個(gè)對(duì)象的少量操作,可以每個(gè)對(duì)象寫一行,如果涉及子元素,可以考慮適當(dāng)?shù)目s進(jìn)。

???? d:為代碼添加注釋

4:jQuery對(duì)象就是通過jquery包裝dom對(duì)象后產(chǎn)生的對(duì)象,jquery對(duì)象是jQuery獨(dú)有的,如果一個(gè)對(duì)象是jquery對(duì)象,那么就可以使用jquery里的方法。

?????在jquery對(duì)象中無法使用dom對(duì)象的任何方法。

5:jQuery和dom對(duì)象的相互轉(zhuǎn)換

???? var? $a = jquery對(duì)象;

???? var?? a? =? dom對(duì)象;

???? jquery轉(zhuǎn)成dom:var $a =$("#id");//jquery對(duì)象

???????????????????????????????? var b=$a[0];//dom對(duì)象

??? dom轉(zhuǎn)成jquery:var a=document.getElementById("id");

??????????????????????????????? var $b=$(a);

--------------------------------------------------------------------------------------

?6:

<script>window.οnlοad=function one{ alert("one") ;}window.οnlοad=function one{ alert("two") ;} </script>

上面代碼的執(zhí)行結(jié)果是:two

原因:字符串one對(duì)話框不能被彈出的原因是js的onload事件一次只能保存對(duì)一個(gè)函數(shù)的引用,它會(huì)中用后面的函數(shù)覆蓋前面的函數(shù)

7:函數(shù)中常用的 return false;組織鏈接跳轉(zhuǎn)。

?

轉(zhuǎn)載于:https://www.cnblogs.com/m-xy/archive/2013/02/28/2937109.html

總結(jié)

以上是生活随笔為你收集整理的《锋利的jQuery》学习---基础篇01(持续更新)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。