$() 鏂規(guī)硶鏄湪 DOM 涓嬌鐢ㄨ繃浜庨綣佺殑 document.getElementById() 鏂規(guī)硶鐨勪竴涓究鍒╃殑綆鍐欙紝灝卞儚榪欎釜 DOM 鏂規(guī)硶涓鏍鳳紝榪欎釜鏂規(guī)硶榪斿洖鍙傛暟浼犲叆鐨?/span> id 鐨勯偅涓厓绱犮傛瘮璧?/span> DOM 涓殑鏂規(guī)硶錛岃繖涓洿鑳滀竴絳廣備綘鍙互浼犲叆澶氫釜 id 浣滀負(fù)鍙傛暟鐒跺悗 $() 榪斿洖涓涓甫鏈夋墍鏈夎姹傜殑鍏冪礌鐨勪竴涓?/span> Array 瀵硅薄銆?/span>
<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype1.4.js"></script>
<script>
function test1(){
var d=$('myDiv');
alert(d.innerHTML);
}
function test2(){
var divs=$('myDiv','myOtherDiv');
for(i=0;i<divs.length;i++){
alert(divs[i].innerHTML);
}
}</script>
</HEAD>
<BODY>
<div id="myDiv">
<p>This is a paragraph</p>
</div>
<div id="myOtherDiv">
<p>This is another paragraph</p>
</div>
<input type="button" value=Test1 onclick="test1();"><br> <input type="button" value=Test2 onclick="test2();"><br>
</BODY>
</HTML>
鍙﹀涓涓ソ澶勬槸錛岃繖涓嚱鏁拌兘浼犲叆鐢?/span> string 琛ㄧず鐨勫璞?/span> ID錛屼篃鍙互浼犲叆瀵硅薄鏈韓錛岃繖鏍鳳紝鍦ㄥ緩绔嬪叾瀹冭兘浼犱袱縐嶇被鍨嬬殑鍙傛暟鐨勫嚱鏁版椂闈炲父鏈夌敤銆?/span>
2..2浣跨敤$F()鍑芥暟
$F()鍑芥暟鏄彟涓涓ぇ鏀舵榪庣殑“蹇嵎閿?#8221;錛屽畠鑳界敤浜庤繑鍥炰換浣曡〃鍗曡緭鍏ユ帶浠剁殑鍊鹼紝姣斿 text box,drop-down list銆傝繖涓柟娉曚篃鑳界敤鍏冪礌 id 鎴栧厓绱犳湰韜仛涓哄弬鏁般?/span>
<script>
function test3(){
alert($F('userName'));
}
</script>
<inputtype="text"id="userName"value="Joe Doe"><br>
<inputtype="button"value=Test3onclick="test3();"><br>
2.3 浣跨敤$A()鍑芥暟
$A()鍑芥暟鑳芥妸瀹冩帴鏀跺埌鐨勫崟涓殑鍙傛暟杞崲鎴愪竴涓?/span> Array 瀵硅薄銆?/span>
榪欎釜鏂規(guī)硶錛岀粨鍚堣鏈被搴撴墿灞曚簡鐨?/span> Array 綾伙紝鑳芥柟渚跨殑鎶婁換浣曠殑鍙灇涓懼垪琛ㄨ漿鎹㈡垚鎴栨嫹璐濆埌涓涓?/span> Array 瀵硅薄銆備竴涓帹鑽愮殑鐢ㄦ硶灝辨槸鎶?/span> DOM Node Lists 杞崲鎴愪竴涓櫘閫氱殑 Array 瀵硅薄錛屼粠鑰屾洿鏈夋晥鐜囩殑榪涜閬嶅巻錛岃鐪嬩笅闈㈢殑渚嬪瓙銆?/span>
<script>
function showOptions(){
var someNodeList=$('lstEmployees').getElementsByTagName('option');
var nodes=$A(someNodeList);
nodes.each(function (node){
alert(node.nodeName+': '+node.innerHTML);
});
}
</script>
<selectid="lstEmployees" size="10">
<optionvalue="5">Buchanan,Steven</option>
<optionvalue="8">Callahan,Laura</option>
<optionvalue="1">Davolio,Nancy</option>
</select>
<inputtype="button"value="Show the options"onclick="showOptions();">
2.4 浣跨敤$H() 鍑芥暟
$H()鍑芥暟鎶婁竴浜涘璞¤漿鎹㈡垚涓涓彲鏋氫婦鐨勫拰鑱斿悎鏁扮粍綾諱技鐨?/span> Hash 瀵硅薄銆?/span>
<script>
function testHash()
{
//let's create the object
var a={
first:10,second:20,third:30
};
//now transform it into a hash
var h=$H(a);
alert(h.toQueryString());
//displays: first=10&second=20&third=30
}
</script>
2.5 浣跨敤$R()鍑芥暟
$R()鏄?/span> new ObjectRange(lowBound,upperBound,excludeBounds)鐨勭緝鍐欍?/span>
璺沖埌ObjectRange 綾繪枃妗ｅ彲浠ョ湅鍒頒竴涓叧浜庢綾葷殑瀹屾暣鎻忚堪. 姝ゆ椂錛屾垜浠繕鏄厛鏉ョ湅涓涓緥瀛愪互灞曠ず榪欎釜緙╁啓鑳戒唬鏇垮摢浜涙柟娉曞惂銆傚叾瀹冪浉鍏崇殑涓浜涚煡璇嗗彲 浠ュ湪Enumerable 瀵硅薄鏂囨。涓壘鍒般?/span>
<script>
function demoDollar_R(){
var range=$R(10,20,false);
range.each(function (value,index){
alert(value);
});
}
</script>
<input type="button" value="Sample Count" onclick="demoDollar_R();" >
2.6 浣跨敤Try.these()鍑芥暟
Try.these() 鏂規(guī)硶浣垮緱瀹炵幇褰撲綘鎯寵皟鐢ㄤ笉鍚岀殑鏂規(guī)硶鐩村埌鍏朵腑鐨勪竴涓垚鍔熸甯哥殑榪欑闇姹傚彉寰楅潪甯稿鏄擄紝 浠栨妸涓緋誨垪鐨勬柟娉曚綔涓哄弬鏁板茍涓旀寜欏哄簭鐨勪竴
涓竴涓殑鎵ц榪欎簺鏂規(guī)硶鐩村埌鍏朵腑鐨勪竴涓垚鍔熸墽琛岋紝榪斿洖鎴愬姛鎵ц鐨勯偅涓柟娉曠殑榪斿洖鍊箋?/span>
鍦ㄤ笅闈㈢殑渚嬪瓙涓紝 xmlNode.text鍦ㄤ竴浜涙祻瑙堝櫒涓ソ鐢紝浣嗘槸xmlNode.textContent鍦ㄥ彟涓浜涙祻瑙堝櫒涓甯稿伐浣溿?/span> 浣跨敤 Try.these()
鏂規(guī)硶鎴戜滑鍙互寰楀埌姝ｅ父宸ヤ綔鐨勯偅涓柟娉曠殑榪斿洖鍊箋?/span>
<script>
function getXmlNodeValue(xmlNode){
return Try.these(function (){
return xmlNode.text;
},function (){
return xmlNode.textContent;
));
}
</script>
]]>