Posted on 2008-01-09 21:54
thomas.chen 閱讀(635)
評論(0) 編輯 收藏 所屬分類:
JavaScript
1. JQuery對象和DOM對象如何轉換
2. JQuery的get方法和eq方法的區別
3. 在事件處理程式中如何抓取事件的發出者
4. JQuery.getJSON()程式如何使用
5. JQuery 網絡資源
1. JQuery對象和DOM對象如何轉換
? JQuery對象才能使用JQuery定義的方法；DOM對象才能使用DOM對象的方法；二者不可以混淆；
? DOM對象通過$操作則可以轉成JQuery對象。例如下面的例子，經過$操作以后，DOM對象就變成了JQuery對象，可以進行JQuery操作。
$(document.getElementById("msg"))? JQuery對象轉成DOM對象則較復雜一些。由于JQuery對象本身也是集合，所以必須通過索引的方式來轉成DOM對象。例如：
$("#msg")[0]
$("div").eq(1)[0]
$("div").get(0)
$("td")[5]
以上操作執行以后，獲取則是DOM對象，則不可以進行JQuery操作
2. JQuery的get方法和eq方法的區別
? eq返回的是jquery對象；
? get(n)和索引返回的是dom元素對象。
對于jquery對象只能使用jquery的方法，而dom對象只能使用dom的方法，如要獲取第三個<div>元素的內容
$("div").eq(2).html(); //調用jquery對象的方法
$("div").get(2).innerHTML; //調用dom的方法屬性
3. 在事件處理程式中如何抓取事件的發出者
在事件處理程式可以申明一個event對象的方式來抓取事件的發出者。
$(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) 是一種輕量級的數據交換格式，易于閱讀和編寫，同時也易于機器解析和生成。它基于ECMA262語言規范（1999-12第三版）中JavaScript編程語言的一個子集。 JSON采用與編程語言無關的文本格式，但是也使用了類C語言（包括C， C++， C#， Java， JavaScript， Perl， Python等）的習慣，這些特性使JSON成為理想的數據交換格式。
JQuery.getJSON()是一種支持以AJAX為呼叫方式，以JSON格式進行數據通訊和服務器交互的函數。他有3個參數分別為：
第一個參數：呼叫服務器的URI地址；
第二個參數：參數，也是JSON的方式來表達；
第三個參數：呼叫完成以后的回調函數。(
注意返回的資料必須是json格式的，否則回調函數不會啟動)
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 網絡資源
1. 官方站點 http://jquery.com/
2. 官方教程 http://docs.jquery.com/Tutorials