5ã€é›†åˆå¤„ç†åŠŸèƒ?/span>
  对于jquery˜q”回的集åˆå†…å®ÒŽ(gu¨©)— 需我们自己循环é历òq¶å¯¹æ¯ä¸ªå¯¹è±¡åˆ†åˆ«åšå¤„ç†ï¼Œjqueryå·²ç»ä¸ºæˆ‘们æä¾›çš„很方便的æ–ÒŽ(gu¨©)³•˜q›è¡Œé›†åˆçš„处ç?/span>ã€?br />
包括两ç§å½¢å¼åQ?br />

$("p").each(function(i)
{this.style.color=['#f00','#0f0','#00f'][i]})
//为烦(ch¨³)å¼•åˆ†åˆ«äØ“(f¨´)0åQ?åQ?çš„på…ƒç´ åˆ†åˆ«è®‘Ö®šä¸åŒçš„å—体颜艌Ӏ?/span>


$("tr").each(function(i)
{this.style.backgroundColor=['#ccc','#fff'][i%2]})
//å®žçŽ°è¡¨æ ¼çš„éš”è¡Œæ¢è‰²æ•ˆæž?/span>


$("p").click(function()
{alert($(this).html())})
//为æ¯ä¸ªpå…ƒç´ å¢žåŠ äº?ji¨£n)click事äšgåQŒå•å‡?y¨¢n)LŸä¸ªpå…ƒç´ åˆ™å¼¹å‡ºå…¶å†…å®¹
6ã€æ‰©å±•我们需è¦çš„功能
$.extend({
min: function(a, b){return a < b?a:b; },
max: function(a, b){return a > b?a:b; }
}); //为jquery扩展äº?ji¨£n)min,max两个æ–ÒŽ(gu¨©)³•
使用扩展的方法(通过“$.æ–ÒŽ(gu¨©)³•å?#8221;调用åQ‰ï¼š(x¨¬)
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));
7ã€æ”¯æŒæ–¹æ³•çš„˜qžå†™
所谓连写,å›_¯ä»¥å¯¹ä¸€ä¸?span class="hilite1">jquery对象˜qžç®‹(hu¨¤)调用å„ç§ä¸åŒçš„æ–¹æ³•ã€?br />
例如åQ?br />
$("p").click(function(){alert($(this).html())})
.mouseover(function(){alert('mouse over event')})
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});
8ã€æ“ä½œå…ƒç´ çš„æ ·å¼
主è¦åŒ…æ‹¬ä»¥ä¸‹å‡ ç§æ–¹å¼åQ?br />
$("#msg").css("background"); //˜q”å›žå…ƒç´ çš„èƒŒæ™¯é¢œè‰?/span>
$("#msg").css("background","#ccc") //讑֮šå…ƒç´ 背景为ç°è‰?/span>
$("#msg").height(300); $("#msg").width("200"); //讑֮šå®½é«˜
$("#msg").css({ color: "red", background: "blue" });//以å值对的åÅžå¼è®¾å®šæ ·å¼?/span>
$("#msg").addClass("select"); //ä¸ºå…ƒç´ å¢žåŠ å¿UîCØ“(f¨´)selectçš„class
$("#msg").removeClass("select"); //åˆ é™¤å…ƒç´ å称为selectçš„class
$("#msg").toggleClass("select"); //如果å˜åœ¨åQˆä¸å˜åœ¨åQ‰å°±åˆ 除åQˆæ·»åŠ ï¼‰(j¨ª)å称为selectçš„class
9ã€å®Œå–„的事äšg处ç†åŠŸèƒ½
Jqueryå·²ç»ä¸ºæˆ‘们æä¾›äº†(ji¨£n)å„ç§äº‹äšgå¤„ç†æ–ÒŽ(gu¨©)³•åQŒæˆ‘ä»¬æ— éœ€åœ¨htmlå…ƒç´ ä¸Šç›´æŽ¥å†™äº‹äšgåQŒè€Œå¯ä»?span style="color: #0000ff">直接为通过jquery获å–çš„å¯¹è±¡æ·»åŠ äº‹ä»?/span>ã€?br />
如:(x¨¬)
$("#msg").click(function(){alert("good")}) //ä¸ºå…ƒç´ æ·»åŠ äº†(ji¨£n)å•击事äšg
$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//ä¸ÞZ¸‰ä¸ªä¸åŒçš„på…ƒç´ å•击事äšg分别讑֮šä¸åŒçš„处ç?/span>
jQueryä¸å‡ 个自定义的事ä»Óž¼š(x¨¬)
åQ?åQ‰hover(fn1,fn2)åQšä¸€ä¸ªæ¨¡ä»¿æ?zh¨¨n)¬åœäº‹ä»Óž¼ˆé¼ æ ‡¿UÕdЍåˆîC¸€ä¸ªå¯¹è±¡ä¸Šé¢åŠ(qi¨¢ng)¿UÕd‡º˜q™ä¸ªå¯¹è±¡åQ‰çš„æ–ÒŽ(gu¨©)³•ã€‚å½“é¼ æ ‡¿UÕdЍåˆîC¸€ä¸ªåŒ¹é…çš„å…ƒç´ ä¸Šé¢æ—Óž¼Œä¼?x¨¬)è§¦å‘æŒ‡å®šçš„½W¬ä¸€ä¸ªå‡½æ•°ã€‚å½“é¼ æ ‡¿UÕd‡º˜q™ä¸ªå…ƒç´ æ—Óž¼Œä¼?x¨¬)è§¦å‘æŒ‡å®šçš„½W¬äºŒä¸ªå‡½æ•°ã€?br />
//å½“é¼ æ ‡æ”¾åœ¨è¡¨æ ¼çš„æŸè¡Œä¸Šæ—¶ž®†class¾|®äØ“(f¨´)overåQŒç¦»å¼€æ—¶ç½®ä¸ºoutã€?br />
$("tr").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});
åQ?åQ‰ready(fn):当DOM载入ž®ÞqÈAå¯ä»¥æŸ¥è¯¢å?qi¨¢ng)擾U‰|—¶¾l‘å®šä¸€ä¸ªè¦æ‰§è¡Œçš„函数ã€?br />
$(document).ready(function(){alert("Load Success")})
//™åµé¢åŠ è²å®Œæ¯•æç¤º“Load Success”,相当于onload事äšg。与$(fn)½{‰äh(hu¨¢n)
åQ?åQ‰toggle(evenFn,oddFn): æ¯æ¬¡ç‚¹å‡»æ—¶åˆ‡æ¢è¦è°ƒç”¨çš„函数。如果点å‡ÖMº†(ji¨£n)一个匹é…çš„å…ƒç´ åQŒåˆ™è§¦å‘指定的第一个函敎ͼŒå½“冋ơ点å‡ÕdŒä¸€å…ƒç´ æ—Óž¼Œåˆ™è§¦å‘指定的½W¬äºŒä¸ªå‡½æ•°ã€‚éšåŽçš„æ¯æ¬¡ç‚¹å‡»éƒ½é‡å¤å¯¹˜q™ä¸¤ä¸ªå‡½æ•°çš„轮番调用ã€?br />
//æ¯æ¬¡ç‚¹å‡»æ—¶è½®æ¢æ·»åŠ å’Œåˆ é™¤å䨓(f¨´)selectedçš„classã€?/span>
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
åQ?åQ‰trigger(eventtype): 在æ¯ä¸€ä¸ªåŒ¹é…çš„å…ƒç´ ä¸Šè§¦å‘æŸ¾cÖMº‹ä»¶ã€?br />
例如åQ?br />
$("p").trigger("click"); //è§¦å‘æ‰€æœ‰på…ƒç´ çš„click事äšg
åQ?åQ‰bind(eventtype,fn)åQŒunbind(eventtype): 事äšg的绑定与å绑å®?br />
从æ¯ä¸€ä¸ªåŒ¹é…çš„å…ƒç´ ä¸ï¼ˆæ·ÕdŠ åQ‰åˆ 除绑定的事äšgã€?br />
例如åQ?br />
$("p").bind("click", function(){alert($(this).text());}); //为æ¯ä¸ªpå…ƒç´ æ·ÕdŠ å•击事äšg
$("p").unbind(); //åˆ é™¤æ‰€æœ‰på…ƒç´ ä¸Šçš„æ‰€æœ‰äº‹ä»?/span>
$("p").unbind("click") //åˆ é™¤æ‰€æœ‰på…ƒç´ ä¸Šçš„å•击事äšg
10ã€å‡ 个实用特效功èƒ?/span>
å…¶ä¸toggle()å’Œslidetoggle()æ–ÒŽ(gu¨©)³•æä¾›äº?ji¨£n)状æ€åˆ‡æ¢åŠŸèƒ½ã€?br />
如toggle()æ–ÒŽ(gu¨©)³•包括äº?ji¨£n)hide()å’Œshow()æ–ÒŽ(gu¨©)³•ã€?br />
slideToggle()æ–ÒŽ(gu¨©)³•包括äº?ji¨£n)slideDown()å’ŒslideUpæ–ÒŽ(gu¨©)³•ã€?br />
11ã€å‡ 个有用的jQueryæ–ÒŽ(gu¨©)³•
$.browser.‹¹è§ˆå™¨ç±»åž‹ï¼š(x¨¬)‹‚€(g¨¨)‹¹‹æµè§ˆå™¨¾cÕdž‹ã€‚æœ‰æ•ˆå‚æ•ŽÍ¼š(x¨¬)safari, opera, msie, mozilla。如‹‚€(g¨¨)‹¹‹æ˜¯å¦ieåQ?.browser.isieåQŒæ˜¯ie‹¹è§ˆå™¨åˆ™˜q”回trueã€?br />
$.each(obj, fn)åQšé€šç”¨çš„è„P代函数。å¯ç”¨äºŽ˜q‘似地è„P代对象和数组åQˆä»£æ›¿åó@环)(j¨ª)ã€?br />
�br />
$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
½{‰äh(hu¨¢n)于:(x¨¬)
var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
alert("Item #"+i+": "+tempArr[i]);
}
也å¯ä»¥å¤„ç†jsonæ•°æ®åQŒå¦‚
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
¾l“果为:(x¨¬)
Name:name, Value:John
Name:lang, Value:JS
$.extend(target,prop1,propN)åQšç”¨ä¸€ä¸ªæˆ–å¤šä¸ªå…¶ä»–å¯¹è±¡æ¥æ‰©å±•一个对象,˜q”回˜q™ä¸ªè¢«æ‰©å±•的对象。这æ˜?span class="hilite1">jquery实现的ç‘ô(h¨´)承方å¼ã€?br />
如:(x¨¬)
$.extend(settings, options);
//åˆåƈsettingså’ŒoptionsåQŒåƈž®†åˆòq¶ç»“果返回settingsä¸ï¼Œç›¸å½“于options¾l§æ‰¿settingòq¶å°†¾l§æ‰¿¾l“æžœä¿å˜åœ¨settingä¸ã€?/span>
var settings = $.extend({}, defaults, options);
//åˆåƈdefaultså’ŒoptionsåQŒåƈž®†åˆòq¶ç»“果返回到settingä¸è€Œä¸è¦†ç›–default内容ã€?/span>
å¯ä»¥æœ‰å¤šä¸ªå‚敎ͼˆåˆåƈ多项òq¶è¿”回)(j¨ª)
$.map(array, fn)åQšæ•°¾l„æ˜ ž®„。把一个数¾l„ä¸çš„项ç›?处ç†è½¬æ¢å?ä¿å˜åˆ°åˆ°å¦ä¸€ä¸ªæ–°æ•°ç»„ä¸ï¼Œòq¶è¿”回生æˆçš„æ–°æ•°¾l„ã€?br />
如:(x¨¬)
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为:(x¨¬)[4,5,6]
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为:(x¨¬)[2,3]
$.merge(arr1,arr2):åˆåƈ两个数组åQŒè¿”回的¾l“æžœä¼?x¨¬)修改第一个数¾l„的内容——第一个数¾l„çš„å…ƒç´ åŽé¢è·Ÿç€½W¬äºŒä¸ªæ•°¾l„çš„å…ƒç´ ã€‚ã€?br />
如:(x¨¬)
$.merge( [0,1,2], [2,3,4] ) //˜q”回[0,1,2,2,3,4]
$.trim(str)åQšåˆ 除嗽W¦ä¸²ä¸¤ç«¯çš„空白嗽W¦ã€?
如:(x¨¬)
$.trim(" hello, how are you? "); //˜q”回"hello,how are you? "

]]>