jQuery¼¼Êõ

Javascript+jQueryÈëÃÅÊÓƵ½Ì³Ì

×ÖºÅ+ ×÷ÕߣºH5Ö®¼Ò À´Ô´£ºH5Ö®¼Ò 2015-09-20 19:18 ÎÒÒªÆÀÂÛ( )

µÚÒ»²¿·Ö JavaScript¡¢Dom»ù´¡ µÚ1Õ JavaScript¼ò½é ±¾Õ´ÓJavaScriptµÄÆðÔ´³ö·¢£¬½éÉÜÁËä¯ÀÀÆ÷Ö®¼äµÄÕù¶·ÒÔ¼°JavaScriptµÄ»ù´¡ÖªÊ¶£¬²¢ÇÒÒýÈëWeb½á¹¹¡¢±íÏÖ¡¢ÐÐΪÏà·ÖÀëµÄ±ê×¼£¬ÎªºóÐøÕ½ڵĽøÒ»²½½²½â´òÏ»ù



µÚÒ»²¿·Ö JavaScript¡¢Dom»ù´¡

µÚ1Õ JavaScript¼ò½é ±¾Õ´ÓJavaScriptµÄÆðÔ´³ö·¢£¬½éÉÜÁËä¯ÀÀÆ÷Ö®¼äµÄÕù¶·ÒÔ¼°JavaScriptµÄ»ù´¡ÖªÊ¶£¬²¢ÇÒÒýÈëWeb½á¹¹¡¢±íÏÖ¡¢ÐÐΪÏà·ÖÀëµÄ±ê×¼£¬ÎªºóÐøÕ½ڵĽøÒ»²½½²½â´òÏ»ù´¡¡£

µÚ2Õ JavaScript»ù´¡ ±¾Õ¶ÔJavaScriptµÄ»ù´¡½øÐÐÁËÉîÈëµÄÌÖÂÛ£¬Öصã·ÖÎöÁËJavaScriptµÄºËÐÄECMAScript£¬Í¨¹ýʵÀýÈöÁÕߴӵײãÁ˽âJavaScriptµÄ±àд£¬°üÀ¨JavaScriptµÄ»ù±¾Óï·¨¡¢±äÁ¿¡¢¹Ø¼ü×Ö¡¢±£Áô×Ö¡¢Óï¾ä¡¢º¯Êý¡¢BOMµÈ¡£

µÚ3Õ CSS»ù´¡ CSS×÷ΪÍøÒ³±íÏֵıê×¼ÓïÑÔ£¬ÊÇÍøÒ³ÃÀ¹Û¡¢´ó·½µÄÖØÒª»ù´¡¡£±¾Õ´ÓCSSµÄ¸ÅÄî³ö·¢£¬½éÉÜCSSÓïÑÔµÄÌص㣬ÒÔ¼°ÈçºÎÔÚÍøÒ³ÖÐÒýÈëCSS£¬È»ºóÖصã½éÉÜCSSµÄ»ù±¾Óï·¨£¬°üÀ¨CSSÑ¡ÔñÆ÷¡¢CSSÉèÖÃÎÄ×Ö¡¢Í¼Æ¬¡¢Ò³Ãæ±³¾°¡¢³¬Á´½ÓЧ¹ûµÈ¡£×îºóͨ¹ýʵÓò˵¥µÄʵÀý£¬×÷Ϊ±¾ÕÂ֪ʶµÄ¹éÄɺͽøÒ»²½ÔËÓá£

µÚ4Õ CSS½ø½× ±¾ÕÂÔÚÉÏÒ»ÕµĻù´¡É϶ÔCSS¶¨Î»×÷Ïêϸ½éÉÜ£¬²¢½²½âÀûÓÃCSS + div¶ÔÒ³ÃæÔªËؽøÐж¨Î»µÄ»ù±¾·½·¨£¬ÒÔ¼°CSSÅÅ°æ¹ÛÄͨ¹ýÅÅ°æʵÀý“ÎҵIJ©¿Í”¶ÔÒ³ÃæµÄ»ù±¾²¼¾Ö×öϸÖ·ÖÎö¡£×îºó½²½âJavaScriptÓëCSSÅäºÏ£¬ÊµÏÖÒ³ÃæµÄ¸÷ÖÖÌØЧ¡£

µÚ5Õ Àí½âºÍÓ¦ÓÃDOMÄ£ÐÍ Îĵµ¶ÔÏóÄ£ÐÍDOM¶¨ÒåÁËÓû§²Ù×÷Îĵµ¶ÔÏóµÄ½Ó¿Ú£¬ËüʹµÃÓû§¶ÔHTMLÓÐÁË¿ÕÇ°µÄ·ÃÎÊÄÜÁ¦¡£±¾ÕÂÖ÷Òª½éÉÜDOMÄ£Ð͵Ļù´¡£¬°üÀ¨Ò³ÃæÖеĽڵ㡢ÈçºÎʹÓÃDOM¡¢innerHTMLÊôÐÔ¡¢DOMÓëCSSµÄ¹ØϵµÈ¡£

µÚ¶þ²¿·Ö JavaScript½ø½×

µÚ6Õ Àí½âºÍÓ¦ÓÓʼþ” ʼþÊÇJavaScript×î×îÒýÈËעĿµÄÌØÐÔÖ®Ò»£¬ËüÌṩÁËÒ»¸öƽ̨£¬ÈÃÓû§²»½öÄÜä¯ÀÀÒ³ÃæÖеÄÄÚÈÝ£¬¶øÇÒ»¹Äܹ»¸úÒ³Ãæ½øÐн»»¥¡£±¾ÕÂΧÈÆ JavaScript´¦ÀíʼþµÄÌØÐÔ½øÐн²½â£¬Ö÷Òª°üÀ¨Ê¼þÁ÷¡¢Ê¼þµÄ¼àÌý¡¢Ê¼þµÄÀàÐÍÒÔ¼°ä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌâµÈ¡£²¢Í¨¹ýʵÀý“ÉìËõ²Ëµ¥”½øÒ»²½ÊìÁ·Ê¼þµÄÔËÓá£

µÚ7Õ ʹÓÃJavaScript¿ØÖƱí¸ñÓë±íµ¥ ±í¸ñÓë±íµ¥¶¼ÊÇÍøÒ³ÖÐËù²»¿ÉȱÉÙµÄÔªËØ£¬±í¸ñÊÇÊý¾ÝµÄ³ÐÔØÌ壬¶ø±íµ¥×÷ΪÓëÓû§½»»¥µÄ´°¿Ú£¬Ê±¿Ì¶¼°çÑÝ×ÅÐÅÏ¢»ñÈ¡ºÍ·´À¡µÄ½ÇÉ«¡£±¾ÕÂΧÈƱí¸ñºÍ±íµ¥½éÉÜJavaScript¡¢CSS¿ØÖÆËüÃǵķ½·¨£¬ÒÔ¼°Êµ¼ÊÔËÓÃÖеÄһЩ¼¼ÇÉ¡£×îºóͨ¹ýʵÀý“×Ô¶¯ÌáʾµÄÎı¾¿ò”½øÒ»²½½«ÀíÂÛÔËÓõ½Êµ¼ÊÒ³ÃæÖС£

µÚ8Õ JavaScriptµÄµ÷ÊÔÓëÓÅ»¯ ±àдJavaScript³ÌÐòʱ»ò¶à»òÉٵĻáÓöµ½¸÷ÖÖ¸÷ÑùµÄ´íÎó£¬ÓÐÓï·¨´íÎó¡¢Âß¼­´íÎóµÈµÈ¡£¼´Ê¹´úÂëûÓÐÎÊÌ⣬¶ÔÓÚ´óÍøÕ¾¶øÑÔÖ´ÐеÄЧÂÊÒ²ÊÇÊ®·Ö¹Ø¼üµÄ£¬Õâ¾ÍÖ±½Ó¹Øϵµ½´úÂëµÄÓÅ»¯¡£±¾ÕÂΧÈÆJavaScriptµÄ´íÎó´¦ÀíºÍÓÅ»¯×ö¼òÒªµÄ½éÉÜ£¬°üÀ¨³£¼ûµÄ´íÎóºÍÒì³£¡¢µ÷ÊԵļ¼ÇÉ¡¢µ÷ÊԵŤ¾ß¡¢ÓÅ»¯µÄϸÔòµÈ¡£

µÚ9Õ Ajax Ajax¾ÍÊÇÒ»ÖÖȫеļ¼Êõ£¬ËüʹµÃä¯ÀÀÆ÷Óë×ÀÃæÓ¦ÓóÌÐòÖ®¼äµÄ¾àÀëÔ½À´Ô½½ü¡£±¾ÕÂΧÈÆAjaxµÄ»ù±¾¸ÅÄ½éÉÜÒì²½Á´½Ó·þÎñÆ÷¶ÔÏó XMLHttpRequest£¬ÒÔ¼°AjaxµÄһЩʵÀý£¬²¢¶ÔAjax¼¼Êõ½øÐмòµ¥µÄ·ÖÎö¡£×îºóͨ¹ý“×Ô¶¯Ð£ÑéµÄ±íµ¥”ºÍ“AjaxʵÏÖ×Ô¶¯ÌáʾµÄÎı¾¿ò”Á½¸öʵÀý£¬½øÒ»²½Ñ§Ï°AjaxÔÚʵ¼ÊÒ³ÃæÖеÄÇ¿´ó¹¦ÄÜ¡£

µÚÈý²¿·Ö jQueryÓ¦ÓÃ

µÚ10Õ jQuery»ù´¡ ±¾ÕÂ×÷ΪjQueryµÄµÚÒ»Õ£¬Öص㽲½âjQueryµÄ¸ÅÄîÒÔ¼°Ò»Ð©¼òµ¥µÄ»ù´¡ÔËÓã¬ÎªºóÃæµÄÕ½ڴòÏ»ù´¡£¬Ö÷Òª°üÀ¨jQueryµÄ¸ÅÄî¡¢jQueryÖеē$”¡¢CSS3Ñ¡ÔñÆ÷¡¢¹ÜÀíÑ¡Ôñ½á¹û¡¢jQueryÁ´µÈµÈ¡£

µÚ11Õ jQuery¿ØÖÆÒ³Ãæ ±¾ÕÂÔÚÉÏÒ»ÕµĻù´¡ÉϽéÉÜjQueryÈçºÎ¿ØÖÆÒ³Ã棬°üÀ¨Ò³ÃæÔªËصÄÊôÐÔ¡¢CSSÑùʽ·ç¸ñ¡¢DOMÄ£ÐÍ¡¢±íµ¥ÔªËØ¡¢Ê¼þ´¦ÀíµÈ¡£ÆäÖеÄʵÀý´ó¶¼ÎªÖ®Ç°Õ½ÚJavaScriptʵÀýµÄ¼ò»¯ºÍÉý»ª£¬×îºóͨ¹ýʵÀý“¿ì²ÍÔÚÏß”ÍêÕûµÄѧϰjQueryÔÚʵ¼ÊÒ³ÃæÖеÄÔËÓá£

µÚ12Õ jQueryÖÆ×÷¶¯»­ÓëÌØЧ jQueryÖж¯»­ºÍÌØЧµÄÏà¹Ø·½·¨¿ÉÒÔ˵ΪÆäÌí¼ÓÁËö¦ÀöµÄÒ»±Ê¡£¿ª·¢Õß¿ÉÒÔͨ¹ý¼òµ¥µÄº¯ÊýʵÏֺܶàÌØЧ£¬ÕâÔÚÒÔÍù¶¼ÊÇÐèÒª´óÁ¿ JavaScript´úÂ뿪·¢µÄ¡£±¾ÕÂÖ÷Ҫͨ¹ýʵÀý£¬½éÉÜjQueryÖж¯»­ºÍÌØЧµÄÏà¹Ø֪ʶ£¬°üÀ¨×Ô¶¯ÏÔÒþ¡¢½¥Èë½¥³ö¡¢·ÉÈë·É³ö¡¢×Ô¶¨Ò嶯»­µÈ¡£

µÚ13Õ jQueryµÄ¹¦Äܺ¯Êý ÔÚJavaScript±à³ÌÖУ¬¿ª·¢Õßͨ³£ÐèÒª±àдºÜ¶àС³ÌÐòÀ´ÊµÏÖһЩÌض¨µÄ¹¦ÄÜ£¬ÀýÈçä¯ÀÀÆ÷µÄ¼ì²â¡¢×Ö·û´®µÄ´¦Àí¡¢Êý×éµÄ±à¼­¡¢»ñÈ¡Íⲿ´úÂëµÈµÈ¡£jQuery½«Ò»Ð©³£ÓõijÌÐò½øÐÐÁË×ܽᣬÌṩÁ˺ܶàʵÓõŦÄܺ¯Êý¡£±¾ÕÂÖ÷ҪΧÈÆÕâЩ¹¦Äܺ¯Êý¶ÔjQuery×ö½øÒ»²½µÄ½éÉÜ¡£

µÚ14Õ jQueryÓëAjax ±¾ÕÂÖ÷ҪΧÈÆjQueryÖÐAjaxµÄÏà¹Ø¼¼Êõ½øÐн²½â£¬Öصã·ÖÎöjQuery¶ÔAjax²½ÖèµÄ¼ò»¯£¬Ö÷Òª°üÀ¨»ñÈ¡Òì²½Êý¾Ý¡¢GETºÍPOST·½·¨¡¢¿ØÖÆAjaxµÄϸ½Ú¡£×îºóͨ¹ýÐÞ¸Ä֮ǰµÄ“×Ô¶¯ÌáʾµÄÎı¾¿ò”ʵÀý£¬½øÒ»²½Ñ§Ï°jQueryµÄÇ¿´ó¹¦ÄÜ¡£

µÚ15Õ jQuery²å¼þ ÎÞÂÛjQueryÔÙÇ¿´óÒ²²»¿ÉÄÜ°üº¬ËùÓеŦÄÜ£¬jQuery¿ò¼Ü½ö½ö¼¯³ÉÁËJavaScriptÖÐ×îºËÐÄÒ²ÊÇ×î³£ÓõŦÄÜ¡£È»¶øjQueryÓÐÐíÐí¶à¶àµÄ²å¼þ£¬¶¼ÊÇÕë¶ÔÌض¨µÄÄÚÈÝ£¬²¢ÒÔjQueryΪºËÐıàдµÄ¡£±¾ÕÂͨ¹ýʵÀý£¬Öصã½éÉÜjQueryÖеÄһЩ³£Óòå¼þ£¬°üÀ¨±íµ¥²å¼þ¡¢UI²å¼þµÈ£¬ÈöÁÕ߶ÔjQuery²å¼þÓиüÉîÈëµÄÈÏʶºÍÀí½â¡£

µÚËIJ¿·Ö Javascript+jQuery×ۺϰ¸Àý

µÚ16Õ ×ۺϰ¸Àý(1)——ÍøÂçÏà²á ±¾ÕÂͨ¹ýÒ»¸öÍêÕûµÄ×ÛºÏʵÀý“ÍøÂçÏà²á”À´½²½âJavaScript¡¢jQueryÔÚʵ¼ÊÔËÓÃÖеķ½·¨£¬Ö÷Òª°üÀ¨·ÖÎö¹¹¼Ü¡¢Ä£¿é²ð·Ö¡¢¹¦ÄÜϸ»¯¡¢Í³Ò»µ÷ÕûµÈ¸÷¸ö²½Öè¡£

µÚ17Õ ×ۺϰ¸Àý(2)——ÍÏקµÄÇåµ¥ Ä¿Ç°ÍøÂçÉÏÍÏקµÄÒ³ÃæÓú·¢µÄÁ÷ÐУ¬ÀýÈçiGoogle±ãÊÇÊ®·ÖµäÐ͵ݸÀý¡£±¾½Úͨ¹ýÒ»¸öÍÏקµÄÇ嵥ʵÀý£¬×ۺϽ²½âÕâÀàÒ³ÃæµÄÖÆ×÷·½·¨¡£

µÚ18Õ ×ۺϰ¸Àý(3)——ÍøÂ籨¼Ûµ¥ ÍøÂ繺ÎïÒѾ­Ô½À´Ô½Á÷ÐУ¬ÁÕÀÅÂúÄ¿µÄÉÌÆ·³ä³â×ÅÕû¸öÍøÂçÊÀ½ç¡£Ò»¸öºÃµÄ±¨¼Ûµ¥¶ÔÓÚÉÌÆ·ÏúÊ۵ĴٽøÊÇÎÞÐεģ¬ÓÈÆäÊǵç×Ó²úÆ·¡£±¾½Úͨ¹ýÒ»¸öÓÊÏ䱨¼Ûµ¥µÄʵÀý£¬×ÛºÏ˵Ã÷ÕâÀàÒ³ÃæµÄÖÆ×÷·½·¨¡£

µÚ19Õ ×ۺϰ¸Àý(4)——ͼƬÇиîÆ÷ ¶ÔÓÚÅÄÉãµÄÏàƬͨ³£¶¼ÓÐһЩ¶àÓàµÄ²¿·Ö£¬ÔÚPhotoshopµÈͼÏñ´¦ÀíÈí¼þÖÐÓзdz£·½±ãµÄͼƬÇи¾ß¡£µ«¶ÔÓÚÍøÉϵÄͼƬ£¬ÀûÓÃjQuery¾ÍÄÜÄ£ÄâÀàËƵÄÇиîЧ¹û¡£±¾ÕÂͨ¹ýͼƬÇиîÆ÷µÄʵÀý£¬×ۺϽéÉܸòÙ×÷µÄÖÆ×÷·½·¨£¬¹©¶ÁÕßÔÚÓöµ½ÀàËÆÇé¿öʱ²Î¿¼¡£

ѧϰ·½·¨½¨Òé

  • 1. ÖØÊÓ»ù´¡£¬ÏÈÕÆÎÕJavaScript£¬ÔÚѧϰjQuery»òÆäËû¿ò¼Ü¡£
  • 2. ѧϰÏà¹ØµÄ¼ÆËã»úרҵ»ù´¡¿Î³Ì;¸ß¼¶ÓïÑÔ / Êý¾Ý½á¹¹ / Ëã·¨»ù´¡;³ÌÐò= Êý¾Ý½á¹¹ + Ëã·¨¡£
  • 3. ʵ¼ù+×êÑÐ
  • 4. ѧ»áÌáÎʺÍÑ°ÕÒ´ð°¸
  • 5. ѧ»áµ÷ÊÔ

    ¡¡

    1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

    Ïà¹ØÎÄÕÂ
    • ºǫ́¹ÜÀíÇøÓò¼°·ÖÀë¡¢JsѹËõ¡¢css¡¢jqueryÀ©Õ¹

      ºǫ́¹ÜÀíÇøÓò¼°·ÖÀë¡¢JsѹËõ¡¢css¡¢jqueryÀ©Õ¹

      2016-01-19 09:06

    • jQuery UI ½Ì³ÌÖ®Ò» ¡ª¡ªÈëÃÅ

      jQuery UI ½Ì³ÌÖ®Ò» ¡ª¡ªÈëÃÅ

      2016-01-17 11:46

    • jQuery¿ìËÙÈëÃűÜÃâÉÙ×ßÍä·

      jQuery¿ìËÙÈëÃűÜÃâÉÙ×ßÍä·

      2016-01-14 16:10

    • jQueryÈëÃŽ̳Ì.pdf

      jQueryÈëÃŽ̳Ì.pdf

      2016-01-14 14:19

    ÍøÓѵãÆÀ
    ±