¿ú̽jQuery——ÃæÏòJavaScript³ÌÐòÔ±
¿ú̽jQuery——ÃæÏòJavaScript³ÌÐòÔ±
µ± jQuery ÔÚ2006Äê1ÔÂÏÖÉíʱ£¬¸øÎҵĵÚÒ»Ó¡Ïó£¬ÊÇÕâÍæÒâ¶ù¹¹ÔìµÃºÜ¾«Ã÷¡£»ùÓÚCSSÑ¡ÔñÆ÷£¨CSS selectors£©À´´òµãÒ»ÇУ¬Æä˼·Ï൱ÁéÇÉ£¨²Î¿¼getElementsBySelector£©¡£µ«Á´ºÐ¹¤Ê£¨chaining stuff£©¿´ÆðÀ´¸üÏñ¸öàåÍ·£¬²¢ÇÒÕûÌå¿´À´£¬jQuery¿âÌṩµÄ¹¦Äܲ¢²»Äܸ²¸ÇËùÓлù´¡ÐԵĶ«Î÷¡£Òò´ËÎҶ϶¨£¬jQueryÖ»»áê¼»¨Ò»ÏÖ¡£
¼¸¸öÔÂÒÔÀ´£¬ÎÒÖð½¥Ã÷°××Ô¼ºÏë´íÁË¡£´Ó¼¼Êõ¹¤ÒÕÉÏ¿¼Á¿£¬jQueryÊ®·ÖÁèÀ÷¡£ËüÓüò½àµÄ·½·¨£¬°Ñ´óÁ¿³£Óù¦ÄÜ·â×°ÆðÀ´£¬²¢Ìṩ¾«ÇɵIJåÈëʽAPI£¬À´Âú×ã±ê×¼¿âÖ®ÍâµÄ¹¦ÄÜÄ£¿éµÄʵÏÖ¡£jQuery±ü³ÖµÄºËÐÄ£¬ÄËDOMÔªËØµÄ¼¯ºÏ£¨Òë×¢£ºÍ¨³£ÊÇijЩ×Ó¼¯ºÏ£©——Ëü°ÑÔªËØ¼¯ºÏ×÷Ϊһ¸ö¸ù±¾£¬¸ø¸ß¶È³éÏó³öÀ´ÁË¡£×îÖØÒªµÄ£¬ÊÇÕâÖÖ×ñÑ×î¼Ñʵ¼ùµÄ³éÏó£¬ÄÜÈÃjQueryÓëÆäËûJavaScript´úÂëÏà´¦ÈÚÇ¢¡£
ºÜ¶à¶ÔjQueryµÄ½éÉÜ£¬¶¼ÊÇÕë¶ÔÉè¼ÆÊ¦ºÍ³õ¼¶¿ª·¢ÈËÔ±¡£½ÓÏÂÀ´ÎÒÏë˵Ã÷£¬ÎªÊ²Ã´jQueryÒ²»áÎüÒýÄÇЩ¸»ÓоÑéµÄ¿ª·¢ÈËÔ±¡£
Ãû³Æ¿Õ¼ä£¨Namespacing£©
±àд¿ÉÖØÓõġ¢ÓÅÐãµÄJavaScript´úÂ룬Æä¹Ø¼üÔÚÓÚ¶ÔÃû³Æ¿Õ¼äµÄ»ý¼«°Ñ¿Ø¡£JavaScriptÖ»ÓµÓе¥Ò»µÄ¡¢È«¾ÖµÄÃû³Æ¿Õ¼ä£¨¼´window¶ÔÏ󣩣¬¶øºÜ¶à³ÌÐòÔ±£¨ÒÔ¼°Ò»Ð©¿â£©í§ÒâµØÎªÖ®Ìí¼Ó¸÷ÖÖ¶«Î÷¡£ÒªÖªµÀÈ«¾Ö±äÁ¿ÊÇħ¹í£¡´ÏÃ÷µÄ¿ª·¢ÈËÔ±£¬»áʹÓÃÀàËÆ×é¼þģʽµÄ¼¼Êõ£¬À´¾¡Á¦¼õÉÙÈ«¾Ö¶ÔÏóµÄÊýÁ¿¡£
jQuery½öÏòÈ«¾ÖÃû³Æ¿Õ¼äÒýÈëÒ»¸ö±ê¼Ç£ºjQueryº¯Êý/¶ÔÏ󡣯äÓàµÄҪôÊÇjQueryµÄÖ±½ÓÊôÐÔ£¨Òë×¢£ºÔÎÄ‘directy property’ϵ±ÊÎó£¬Ó¦ÊÇ‘direct property’£©£¬ÒªÃ´¾ÍÊǵ÷ÓÃjQueryº¯ÊýËù·µ»ØµÄ¶ÔÏóµÄ·½·¨¡£
ÄÇ“ÓïÑÔÉý¼¶”£¨language enhancements£©ÓÖÊÇÊ²Ã´ÄØ£¿´ó¶àÊý¿â»áÌṩӳÉ䣬¹ýÂË£¬°þÀ룬ÍùÍùÊÇä¯ÀÀÆ÷µÄJavaScriptÒýÇæËùȱÉÙµÄÄÇЩ¹¦ÄÜ¡£»¹ÓÐһЩ¿â£¬Ö±½ÓÀ©Õ¹ÁËJavaScriptÄÚÖõÄStringºÍArrayÀ࣬µ«ÕâÊÇðÏÕµÄ×ö·¨¡£String.prototypeºÍArray.prototypeÒ²Óи÷×ÔµÄÃû³Æ¿Õ¼ä£¬ÔÚÆäÄÚÌí¼ÓµÄÊôÐÔÒ»µ©·¢Éú³åÍ»£¬Ëù´øÀ´µÄ·çÏÕ£¬²»ÑÇÓÚÔÚÈ«¾Ö»·¾³ÏµIJÝÂÊ´óÒâ¡£
ÔÚÓïÑÔÉý¼¶·½Ã棬jQueryÌṩÁ˺ܶຯÊý£¨¹¦ÄÜ£©£¬µ«Ã¿¸öº¯Êý¶¼±»¸³¸øjQuery¶ÔÏóµÄÊôÐÔ£ºjQuery.each£¬jQuery.extend£¬jQuery.grep£¬jQuery.map£¬jQuery.mergeÒÔ¼°jQuery.trim¡£Èç´ËÒ»À´£¬ËüÃǾͲ»»á¸úÆäËû´úÂë²úÉú³åÍ»¡£
ÉùÃûÀǽåµÄ$º¯Êý£¨The infamous $ function£©
¸Õ²ÅÎÒ˵µ½£¬jQueryÊÇΨһ±»ÒýÈëµÄÈ«¾Ö±ê¼Ç£¬Æäʵ²¢²»¾¡È»£º$±ê¼Ç×÷ΪjQueryµÄ¿ì½Ý·½Ê½£¬Ò²±»ÒýÈë½
Ïà¹ØÎĵµ£º
//¹Ø±Õ,¸¸´°¿Úµ¯³ö¶Ô»°¿ò,×Ó´°¿ÚÖ±½Ó¹Ø±Õ
this.Response.Write("<script language=javascript>window.close();");
//¹Ø±Õ,¸¸´°¿ÚºÍ×Ó´°¿Ú¶¼²»µ¯³ö¶Ô»°¿ò,Ö±½Ó¹Ø±Õ
this.Response.Write("");
this.Response.Write("{top.opener =null;top.close();}");
this.Response.Write("");
//µ¯³ö´°¿Úˢе±Ç°Ò³Ãæwidth=20 ......
/*
* JavaScript¶ÔÏó¾ÍÊÇÒ»×éÊôÐÔ£¨·½·¨£©µÄ¼¯ºÏ
* ÔÚ¸ÃÓïÑÔÖÐÈç¹û±äÁ¿Ãû»ò·½·¨Ãû²»·ûºÏÉùÃ÷¹æ·¶£¬
* ÔòÒ»¶¨µÃÓ÷½À¨ºÅ“ [] ”ÒýÓÃËü
*
*/
/**
* <1.>¸ÃÓï¾äÉùÃ÷ÁËÒ»¸öclass1À࣬class1Ï൱ÓÚ¹¹Ôì·½·¨£¬Óֽй¹ÔìÆ÷
* Ò²¿É˵ÉùÃ÷ÁËÒ»¸öclass1·½·¨
......
Ô´´ÓÚ2007Äê12ÔÂ16ÈÕ£¬2009Äê10ÔÂ15ÈÕÇ¨ÒÆÖÁ´Ë¡£
°¦£¬ºÜ¾ÃÒÔǰдµÄ´úÂ룬ɹһɹ£¬¹À¼Æ×Ô¼º¿´¶¼¿´²»¶®ÁË£¬:(
var head="display:''"
img_close=new Image()
img_close.src="/sysManage/images/f.gif"
img_open=new Image()
img_open.src="/sysManage/images/fo.gif"
img3=new Image( ......
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
£¨Ò»£©aspxÒ³ÃæÉϵĴúÂëÆ¬¶Î
<body>
<script language="javascript" type="text/javascript">
function DisplayBehindCode() {
var text="<%=Name()%>";
alert(text);
}
</script>
....
<asp:Button ID ......