Jquery 學(xué)習(xí)筆記（一）
更新時(shí)間：2009年10月13日 22:29:19 作者：
從今天起正式學(xué)習(xí)Jquery（實(shí)際嚴(yán)格講已經(jīng)用了幾個(gè)月的Jquery的一丁點(diǎn)東西），邊學(xué)邊做邊記筆記；閱讀書(shū)籍《鋒利的Jquery》+Jquery API Doc。
基礎(chǔ)知識(shí)：
想要結(jié)構(gòu)與行為分離當(dāng)然不能使用<button onclick="…"></button>之類(lèi)的東西了，js是寫(xiě)在<head>之間的，那就說(shuō)起了 window.onload——這不是一個(gè)好東西，所以就有了Jquery頗具創(chuàng)意的
$(document).ready(funciton(){
…
});
當(dāng)然還會(huì)更精簡(jiǎn)：
$(function(){
…
});
所以我的第一個(gè)Jquery腳本就是這樣的。
$(function(){alert("I'm ready")});
Jquery對(duì)象的方法與DOM對(duì)象的方法是不能混合使用的。例如$("#id").innerHTML或者document.getElementById("id").html()都是錯(cuò)誤的。
Jquery對(duì)象與DOM對(duì)象的轉(zhuǎn)換，Jquery選擇器返回的對(duì)象實(shí)則是以對(duì)象數(shù)組的方式返回的，因此可以使用數(shù)組下標(biāo)進(jìn)行轉(zhuǎn)換。也可使用Jquery中的get(index)方法
$(function(){
var $p=$("p");
var p=$p[0];//var p=$p.get(0);
alert(p.innerHTML);
});
也可將DOM對(duì)象轉(zhuǎn)換為Jquery對(duì)象
var p=document.getElementById("p");
var $p=$(p);
想要結(jié)構(gòu)與行為分離當(dāng)然不能使用<button onclick="…"></button>之類(lèi)的東西了，js是寫(xiě)在<head>之間的，那就說(shuō)起了 window.onload——這不是一個(gè)好東西，所以就有了Jquery頗具創(chuàng)意的
復(fù)制代碼 代碼如下:
$(document).ready(funciton(){
…
});
當(dāng)然還會(huì)更精簡(jiǎn)：
復(fù)制代碼 代碼如下:
$(function(){
…
});
所以我的第一個(gè)Jquery腳本就是這樣的。
$(function(){alert("I'm ready")});
Jquery對(duì)象的方法與DOM對(duì)象的方法是不能混合使用的。例如$("#id").innerHTML或者document.getElementById("id").html()都是錯(cuò)誤的。
Jquery對(duì)象與DOM對(duì)象的轉(zhuǎn)換，Jquery選擇器返回的對(duì)象實(shí)則是以對(duì)象數(shù)組的方式返回的，因此可以使用數(shù)組下標(biāo)進(jìn)行轉(zhuǎn)換。也可使用Jquery中的get(index)方法
復(fù)制代碼 代碼如下:
$(function(){
var $p=$("p");
var p=$p[0];//var p=$p.get(0);
alert(p.innerHTML);
});
也可將DOM對(duì)象轉(zhuǎn)換為Jquery對(duì)象
復(fù)制代碼 代碼如下:
var p=document.getElementById("p");
var $p=$(p);
相關(guān)文章
jquery.combobox中文api和例子，修復(fù)了上面的小bug
關(guān)于jquery.combobox，這個(gè)jquery的插件從官網(wǎng)上直接下載下來(lái)使用還有bug，以下是我對(duì)其api做的簡(jiǎn)單翻譯，而且修復(fù)了上面的bug。2011-03-03
基于jQuery的輸入框在光標(biāo)位置插入內(nèi)容, 并選中
基于jQuery的輸入框在光標(biāo)位置插入內(nèi)容, 并選中功能的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-10-10
jQuery實(shí)現(xiàn)圣誕節(jié)禮物動(dòng)畫(huà)案例解析
這篇文章主要介紹了jQuery實(shí)現(xiàn)圣誕節(jié)禮物動(dòng)畫(huà)案例解析的相關(guān)資料,需要的朋友可以參考下2016-12-12
jQuery+ajax讀取json數(shù)據(jù)并按照價(jià)格排序示例
這篇文章主要介紹了jQuery+ajax讀取json數(shù)據(jù)并按照價(jià)格排序,涉及jQuery基于ajax動(dòng)態(tài)獲取json文件數(shù)據(jù)并進(jìn)行數(shù)據(jù)遍歷與排序的相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
jQuery實(shí)現(xiàn)的點(diǎn)擊圖片居中放大縮小功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊圖片居中放大縮小功能,涉及jQuery基于事件響應(yīng)針對(duì)頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了jQuery位置選擇器用法,結(jié)合實(shí)例形式分析了jQuery位置選擇器的功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
jquery的總體架構(gòu)分析及實(shí)現(xiàn)示例詳解
學(xué)習(xí)開(kāi)源框架，童鞋們最想學(xué)到的就是設(shè)計(jì)的思想和實(shí)現(xiàn)的技巧。最近研究jQuery源碼，記錄一下我對(duì)jquery的理解和心得，跟大家分享，權(quán)當(dāng)拋磚引玉。2014-11-11
AJAX 全稱(chēng) Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。它并非一種新的技術(shù)，而是以下幾種原有技術(shù)的結(jié)合體。接下來(lái)通過(guò)本文給大家介紹jQuery Ajax 異步加載顯示等待效果，需要的朋友一起學(xué)習(xí)吧2016-08-08
使用JQuery快速實(shí)現(xiàn)Tab的AJAX動(dòng)態(tài)載入(實(shí)例講解)
這篇文章主要介紹了使用JQuery快速實(shí)現(xiàn)Tab的AJAX動(dòng)態(tài)載入(實(shí)例講解)需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了jquery禁用右鍵單擊功能屏蔽F5刷新的具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03