2009 12 25´«ÖDz¥¿Í——JavaScript£ºJQuery
ʹÓùýAJAX¼¼ÊõµÄÈ˶¼ÖªµÀ´óÃû¶¦¶¦µÄJQuery¡£ËäÈ»ÎÒÀ´Ñ§Ï°Ö®Ç°Óп´¹ýAJAXµÄÊÓƵ£¬µ«ÄÇʱ¶ÔWEBÓ¦ÓÃÕâ¸ö¶«Î÷»¹±È½ÏÄ£ºý£¬²»Çå³þHTML¡¢JSPÓëServletÊÇÔõô¹¤×÷µÄ£¬ÉõÖÁ²»ÖªµÀJQuery°ü×°µÄÊÇʲô¶«Î÷¡£½ñÈÕµÄѧϰÔÙ½áºÏ×òÌìµÄJavaScriptDOMµÄÄÚÈÝ£¬ÈÃÎÒ¶Ô´ËÊ®·ÖÇåÎú¡£JQueryÔÔò£º“write less, do more.”£¬Õâ¾ä»°Òѳä·Ö˵Ã÷Ëü¶Ô¼ò»¯Ê¹ÓÃJavaScriptDOM±à³ÌµÄ¹¦Á¦£¡
ÿλÀÏʦ¶¼ÓÐ×Ô¼ºµÄ½Ìѧ·½Ê½£¬¿ÉÄܸù¾Ý½ÌÊÚµÄÄÚÈݵIJ»Í¬½Ìѧ·½Ê½Ò²ÓÐÇá΢µÄ±ä»¯¡£ÀÏÙ¡ÊÇһλ·Ç³£ÓоÑéµÄÈí¼þ½Ìʦ£¬Ö®Ç°ËûÔÚ´óÁ¬µÄÈí¼þ¹«Ë¾×öÅàѵ¡£¾¹ý¶àÄêµÄ×ܽᣬËûÒѾÓÐ×Ô¼ºÒ»Ì׳ÉÊìµÄ½Ìѧ·½Ê½¡£Õâ¸ö·½Ê½ÈÃÎÒÊ®·Öϲ»¶£¡ÖÁÓÚÊÇʲô·½Ê½£¬Äã×Ô¼ºÀ´ÌåÑé°É£¡¹þ¹þ~~
´ÓѧϰJavaWEB¡¢Struts1µ½ÏÖÔÚµÄJavaScript£¬ÎÒÒѾÕÒµ½ÁËWEBÓ¦Óÿª·¢µÄºËÐÄ——MVC¡£Êǵģ¬¾ÍÊÇMVC¡£ÆäʵMVCÓ¦¸ÃÊǸù¾ÝWEBµÄºËÐı»´´Ôì³öÀ´µÄģʽ£¬ÄѵÀ²»ÊÇÂð£¡ÕâÒ»ÕûÌ×¹¤¾ß£¬¾ÍÊÇ·Ö±ð¶ÔÊÓͼ²ã¡¢¿ØÖƲãºÍÊý¾ÝÄ£ÐͲãµÄ²Ù×÷¡£ËƺõÏÖÔÚ²ÅÕÒµ½ÁËһЩ¸Ð¾õ£¬ÒòΪÒÔǰѧϰservletʱ£¬ÖªµÀËü¿ÉÒÔ´¦ÀíÓû§µÄÇëÇó£¬ÀÏʦ½²Ê²Ã´¾Íѧϰʲô¡£µ«ÏÖÔÚÓÐ˼ÏëÁË£¬ÀÏʦÄãÎÞÂÛ½²Ê²Ã´£¬ÎÒ¶¼ÖªµÀËüÓ¦¸ÃÓÃÔÚÄÄÒ»²ã£¬ÓÐʲôÓÃ;£¬ÕâÑùÌá¸ßÁËÎÒµÄѧϰЧÂÊ¡£ÕâÊÇÒ»¸ö·Ç³£ºÃµÄ³É³¤£¡¶ÔÒÔºóµÄ³É³¤´óÓаïÖú¡£
½ÓÏÂÀ´ÕâЩÁéÉ¢µÄ֪ʶ¾Í²»¶àÁË£¬È»ºó¾Í¿ªÊ¼×öÏîÄ¿ÁË¡£Á½¸ö×Ö£¬¿ì¡¢Ë¬£¡Ok£¬¿ªÊ¼ÕûÀíѧϰÄÚÈÝ¡£
Ò»¡¢JQueryÓëJavaScript
1.JavaScript¿â
ʹÓùýJavaScriptDOMµÄÈ˶¼Ó¦¸ÃÖªµÀ£¨±ÈÈç×òÌìµÄÁ·Ï°£©£¬Ê¹ÓÃJSDOM½øÐÐÒ³ÃæµÄ²Ù×÷ÊÇÊ®·ÖÂé·³µÄ¡£±ÈÈç»ñÈ¡¡¢Ð޸ļ°Ìí¼Ó×Ó½ÚµãµÈÕâЩ²Ù×÷¡£Èç¹û²Ù×÷Ò»¸ö¸´ÔÓµÄÒ³ÃæÄØ£¿Ok£¬JavaScript¿âÒò´Ëµ®ÉúÁË¡£
Ä¿Ç°±È½Ï³£¼ûµÄJavaScript¿âÓУº
2.JQuery¼ò½é
JQueryÊǼÌPrototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavaScript¿â¡£
JQueryÀíÄwrite less , do more.
JQueryÓÅÊÆ£ºÇáÁ¿¼¶¡¢Ç¿´óµÄÑ¡ÔñÆ÷¡¢³öÉ«µÄ DOM ²Ù×÷µÄ·â×°¡¢¿É¿¿µÄʼþ´¦Àí»úÖÆ¡¢ÍêÉƵÄAjax¡¢³öÉ«µÄä¯ÀÀÆ÷¼æÈÝÐÔ¡¢Á´Ê½²Ù×÷·½Ê½……¡£
¶þ¡¢JQuery¶ÔÏó
Ïà¹ØÎĵµ£º
ÓÐÁ½ÖÖÍøÒ³Éè¼ÆÕߣºÏ²»¶Óÿò¼Ü(Frame)µÄºÍ²»Ï²»¶µÄ¡£²»Ï²»¶Ê¹Óÿò¼ÜµÄÈËÃÇ×ÜÊDZ§Ô¹Ëµ£¬¿ò¼ÜʹµÃÒ³Ãæ±äµÃ¸´ÔÓ£¬Ôö¼ÓÁËÏÂÔظºµ££¬¶øÇÒ»á¼õÉÙÄãµÄÒ³Ãæ±»ËÑË÷ÒýÇæÕÒµ½µÄ»ú»á¡£¶øϲ»¶¿ò¼ÜµÄÉè¼ÆÕßÔò˵¿ò¼Üʹä¯ÀÀ±äµÃ¼òµ¥£¬²¢¸³ÓèÉè¼ÆÈËÔ±ÔÚ°²ÅÅÒ³ÃæÉϸü¶àµÄ¿ØÖÆ¡£
¡¡¡¡²»¹ÜÄãÊÇÔÞ³ÉʹÓÿò¼Ü»¹ÊÇ·´¶Ô£¬ÊÂʵÉÏ£¬´ø¿ò¼ÜµÄÒ³ÃæÒ»Ö±´ ......
Ò»¸ÅÊö
ÔÚJavaÓïÑÔÖУ¬ÎÒÃÇ¿ÉÒÔ¶¨Òå×Ô¼ºµÄÀ࣬²¢¸ù¾ÝÕâЩÀà´´½¨¶ÔÏóÀ´Ê¹Óã¬ÔÚJavascriptÖУ¬ÎÒÃÇÒ²¿ÉÒÔ¶¨Òå×Ô¼ºµÄÀ࣬ÀýÈ綨ÒåUserÀà¡¢HashtableÀàµÈµÈ¡£
Ä¿Ç°ÔÚJavascriptÖУ¬ÒѾ´æÔÚһЩ±ê×¼µÄÀ࣬ÀýÈçDate¡¢Array¡¢RegExp¡¢String¡¢Math¡¢NumberµÈµÈ£¬ÕâΪÎÒÃDZà³ÌÌṩÁËÐí¶à·½±ã¡£µ«¶ÔÓÚ¸´ÔӵĿͻ§¶Ë³ÌÐò¶øÑÔ£¬ÕâЩ ......
<!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>Ëæ»ú ......
<body>
<form id="form1" runat="server">
ÇëÑ¡ÔñÄãµÄ°®ºÃ£º
<div>
<input name="Che" type="checkbox" />×ãÇò
& ......
css»ñÈ¡Ò³ÃæÖÐÐÄλÖÃ
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(ev ......