 
<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script> 
<%if (false) { %> 
<script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script> 
<%}%> 

2.
1.如果要使用jQuery提供的函數(shù), 就要首先構(gòu)造jQuery包裝集.

將Dom元素轉(zhuǎn)換成jQuery包裝集

復(fù)制代碼代碼如下:

 
var div = document.getElementById("testDiv"); //Dom元素 
var domToJQueryObject = $(div); //jQuery包裝 

3.jQuery包裝集轉(zhuǎn)Dom對象

復(fù)制代碼代碼如下:

 
var domObject = $("#testDiv")[0]; // 得到DOM對象 
$("#testDiv").each(function() { $(this).html("修改內(nèi)容") })//轉(zhuǎn)換為 jQuery包裝集操作 

4。

復(fù)制代碼代碼如下:

 
jQuery( callback ) 
Returns: jQuery 

$(document).ready()的簡寫方式
--------------------------------------------------------------------------------
從零開始學(xué)習(xí)jQuery (三) 管理jQuery包裝集

復(fù)制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 
<title>Hello World jQuery!</title> 
<script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script> 
</head> 
<body> 
<hr /> 
<input id="btnShow" type="button" value="顯示----filter" /> 
<input id="btnHide" type="button" value="隱藏----filter" /> 
<!--============================begin js =============================================--> 
<script type="text/javascript" > 
$( 
function(){ 
$("#btnShow").bind("click", function(event) { $(".filter").show();} ) ; 
$("#btnHide").bind("click", function(event) { $(".filter").hide(500);} ) ; 
} 
); 
// $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); }); 
</script> 
<script type="text/javascript" > 
//$("<div/>").css("border","solid 1px #FF0000").html("動態(tài)創(chuàng)建的div").appendTo(testDiv); //ok 
//$("<div style=\"border:solid 1px #FF0000\">動態(tài)創(chuàng)建的div</div>") //not done 
$( 
function() 
{ 
// alert("loaded!"); //加載完成后才執(zhí)行 
} 
); 
// alert("LODING。。。");//一遇到就執(zhí)行 
</script> 
<!--============================end js =============================================--> 
<script type="text/javascript"> 
//模板 
</script> 
<!-- 表格模板 --> 
<table> 
<tr> 
<td></td><td></td> 
</tr> 
</table> 
<script type="text/javascript"> 
function first(){//first 
var an_element=$("div").eq(0); 
//得到 第一個 Div 整個的 div 如果 直接 輸出 an_element會顯示 那是一個對象 
alert(an_element.html());//輸出 
} 
function second(){ 
var second_e= $("div").filter(".test2");//得到 是與偶有符合的 
/*======================這段代碼測試是否是一個集合 但是報錯 不懂用this==========================*/ 
// second_e.each( 
// function(){ 
//this.html("修改它！") 
// } 
// ); 
/*================================================*/ 
alert(second_e.html());//測試 得到的 內(nèi)容 只顯示 第一個 div 的內(nèi)容 
alert(second_e.eq(1).html());//得到第二個 
} 
//================================================================================= 
</script> 
<div class="filter" onclick="first()"> 
第一個 例子:點我運行 
<table> 
<tr> 
<td> 
eq( index ) 獲取第N個元素 
</td> 
<td> 
獲取匹配的第二個元素: 
$("p").eq(1) 
</td> 
</tr> 
</table> 
</div> 
<hr/> 
<div class="second" onclick="second()" > 
<div class="test2"> 篩選出與指定表達(dá)式匹配的元素集合。第一個div</div> 
<p>第 2 個 例子:點我運行</p> 
<span > filter( expr ) </span> 
<div class="test2"> 
保留帶有 test2類的元素: 在這里是 帶有 test2 class的 
$("X").filter(".test2") 第2個div 
</div> 
</div> 
<hr /> 
<div class="test3" onclick="third()" > 
<script type="text/javascript" > 
function third(){ 
//alert("a"); 
var test3= $("p").filter( //同級 
function(index){//遍歷 
// alert(index); 
//alert($("ol",this).html()); 
// alert( "index: "+index+$(this).html());// this 就是 各個 被遍歷的對象 在這里是各個 P 標(biāo)簽里面的內(nèi)容 
// 難道 <p> <ol><li>包含 ol </li></ol> </p> 的P標(biāo)簽 里的內(nèi)容沒有？ 
//這樣才算 <p> p 的 內(nèi)容<ol><li>包含 ol </li></ol> </p> $(this).html()= p 的 內(nèi)容 
alert( " 第"+index+" 個 p=> "+$(this).html()+" ol=> "+ $("ol",this).html() ); 
//可能是版本的問題 我引進(jìn)的是 * jQuery JavaScript Library v1.3.2-vs 
//所有的內(nèi)容都是空 
return $("ol",this).length==0;//1多條件篩選 2 返回 false則這個元素被刪除 
} 
); 
alert(test3.html()); 
} 
</script> 
filter( fn ): 
篩選出與指定函數(shù)返回值匹配的元素集合 
這個函數(shù)內(nèi)部將對每個對象計算一次 (正如 '$.each'). 如果調(diào)用的函數(shù)返回false則這個元素被刪除，否則就會保留。 
<p> p 的 html <ol>ol的html<li> li </li></ol>2 </p> 
<p>How are you? 不 包含 </p> 
</div> 
<div class="test4"> 
<script type="application/javascript"> 
</script> 
</div> 

</body> 
</html> 