Posted on 2008-01-09 21:54
thomas.chen 閱讀(630)
評(píng)論(0) 編輯 收藏 所屬分類:
JavaScript
1. JQuery對(duì)象和DOM對(duì)象如何轉(zhuǎn)換
2. JQuery的get方法和eq方法的區(qū)別
3. 在事件處理程式中如何抓取事件的發(fā)出者
4. JQuery.getJSON()程式如何使用
5. JQuery 網(wǎng)絡(luò)資源
1. JQuery對(duì)象和DOM對(duì)象如何轉(zhuǎn)換
? JQuery對(duì)象才能使用JQuery定義的方法；DOM對(duì)象才能使用DOM對(duì)象的方法；二者不可以混淆；
? DOM對(duì)象通過(guò)$操作則可以轉(zhuǎn)成JQuery對(duì)象。例如下面的例子，經(jīng)過(guò)$操作以后，DOM對(duì)象就變成了JQuery對(duì)象，可以進(jìn)行JQuery操作。
$(document.getElementById("msg"))? JQuery對(duì)象轉(zhuǎn)成DOM對(duì)象則較復(fù)雜一些。由于JQuery對(duì)象本身也是集合，所以必須通過(guò)索引的方式來(lái)轉(zhuǎn)成DOM對(duì)象。例如：
$("#msg")[0]
$("div").eq(1)[0]
$("div").get(0)
$("td")[5]
以上操作執(zhí)行以后，獲取則是DOM對(duì)象，則不可以進(jìn)行JQuery操作
2. JQuery的get方法和eq方法的區(qū)別
? eq返回的是jquery對(duì)象；
? get(n)和索引返回的是dom元素對(duì)象。
對(duì)于jquery對(duì)象只能使用jquery的方法，而dom對(duì)象只能使用dom的方法，如要獲取第三個(gè)<div>元素的內(nèi)容
$("div").eq(2).html(); //調(diào)用jquery對(duì)象的方法
$("div").get(2).innerHTML; //調(diào)用dom的方法屬性
3. 在事件處理程式中如何抓取事件的發(fā)出者
在事件處理程式可以申明一個(gè)event對(duì)象的方式來(lái)抓取事件的發(fā)出者。
$(document).ready(function(){
$("a.week").click(function(event){
var uri = "cWtc.do?";
var params = "action=blankWtc&wd=" + $(event.target).text();
window.location.href=uri + params;
});
});
4. JQuery.getJSON()程式如何使用
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式，易于閱讀和編寫，同時(shí)也易于機(jī)器解析和生成。它基于ECMA262語(yǔ)言規(guī)范（1999-12第三版）中JavaScript編程語(yǔ)言的一個(gè)子集。 JSON采用與編程語(yǔ)言無(wú)關(guān)的文本格式，但是也使用了類C語(yǔ)言（包括C， C++， C#， Java， JavaScript， Perl， Python等）的習(xí)慣，這些特性使JSON成為理想的數(shù)據(jù)交換格式。
JQuery.getJSON()是一種支持以AJAX為呼叫方式，以JSON格式進(jìn)行數(shù)據(jù)通訊和服務(wù)器交互的函數(shù)。他有3個(gè)參數(shù)分別為：
第一個(gè)參數(shù)：呼叫服務(wù)器的URI地址；
第二個(gè)參數(shù)：參數(shù)，也是JSON的方式來(lái)表達(dá)；
第三個(gè)參數(shù)：呼叫完成以后的回調(diào)函數(shù)。(
注意返回的資料必須是json格式的，否則回調(diào)函數(shù)不會(huì)啟動(dòng))
var date = $("#w2").text().split("~")[0];
$.getJSON(
'o.do?action=p',
{wd:date},
function(oweeks){
parseWeek(oweeks);
}
);
function parseWeek(oweeks){
for(i=4;i>0;i--){
$("#w"+i).text(oweeks[4-i].weekdura);
if(oweeks[4-i].weekdura == ''){
$("#w"+i).attr('href','#');
}
if(oweeks[4-i].iscurrent){
$("#w"+i).addClass("currentweek");
}else{
$("#w"+i).addClass("week");
$("#w"+i).removeClass("currentweek");
}
}
}
5. JQuery 網(wǎng)絡(luò)資源
1. 官方站點(diǎn) http://jquery.com/
2. 官方教程 http://docs.jquery.com/Tutorials