jQuery¼¼Êõ

JqueryÓÅ»¯¼¼ÇÉ

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

1.ÓÅ»¯Ê¹ÓÃidÓë±ê¼ÇÑ¡ÔñÆ÷£» ·ÃÎÊdomÔªËØ×î¿ìËÙ¶ÈÊÇ£ºid£¬Æä´ÎÊÇÔªËصıê¼Ç(tag)£¬ÒÀ´ÎÊÇÀà±ð£¨class£© 2.ʹÓÃjquery¶ÔÏ󻺴棻 Ëùν¶ÔÏ󻺴æ¾ÍÊÇ£¬ÔÚʹÓÃjquery

JqueryÓÅ»¯¼¼ÇÉ

±à¼­£ºÊé´åÍø ·¢²¼Ê±¼ä: 2013-07-22

1.ÓÅ»¯Ê¹ÓÃidÓë±ê¼ÇÑ¡ÔñÆ÷£»
¡¡¡¡ ·ÃÎÊdomÔªËØ×î¿ìËÙ¶ÈÊÇ£ºid£¬Æä´ÎÊÇÔªËصıê¼Ç(tag)£¬ÒÀ´ÎÊÇÀà±ð£¨class£©
¡¡¡¡
¡¡¡¡ 2.ʹÓÃjquery¶ÔÏ󻺴棻
¡¡¡¡ Ëùν¶ÔÏ󻺴æ¾ÍÊÇ£¬ÔÚʹÓÃjquery¶ÔÏóʱ£¬ÏȾ¡Á¿Ê¹ÓñäÁ¿±£´æ¶ÔÏóÃû£¬È»ºóͨ¹ý±äÁ¿µÄ·½·¨ÏàÓ¦²Ù×÷
¡¡¡¡ ÀýÈ磺
¡¡¡¡ $("#main").css("height","200px");
¡¡¡¡ $("#main").click(function(){});
¡¡¡¡ $("#main").attr("checked",true);
¡¡¡¡ ÓÅ»¯ºóµÄ´úÂëÊÇ£º
¡¡¡¡ var obj = $("#main");
¡¡¡¡ obj.css("height","200px");
¡¡¡¡ obj.click(function(){});
¡¡¡¡ obj.attr("checked",true);
¡¡¡¡ Èç¹ûÏëÈñäÁ¿ÔÚÆäËüº¯ÊýÖÐÒ²ÄÜÔËÓ㬿ÉÒÔÈç϶¨Ò壺
¡¡¡¡ //È«¾Ö±äÁ¿
¡¡¡¡ window.objPub = {
¡¡¡¡ obj:$("#main");
¡¡¡¡ }
¡¡¡¡ ÔÚʹÓñäÁ¿»º´æjquery¶ÔÏóʱ£¬ÓÐÈçÏÂÁ½µãÐèҪעÒ⣺
¡¡¡¡ 1).ÎÞÂÛÊǾֲ¿»¹ÊÇÈ«¾Ö±äÀí£¬Îª±ÜÃâÓëÆäËü±äÁ¿³åÍ»£¬¾¡Á¿ÕâÑùÃüÃû var $obj = $("#main");
¡¡¡¡ 2).Èç¹ûͬһ¸ödom¶ÔÏóÓжà¸ö²Ù×÷ʱ£¬¾¡Á¿²ÉÓÃÁ´Ê½µÄд·¨ÓÅ»¯µ÷ÓôúÂ룬ÀýÈ磺
¡¡¡¡ $obj.css("height","200px").click(function(){}).attr("","");


¡¡¡¡ 3.¸øÑ¡ÔñÆ÷Ò»¸öÉÏÏÂÎÄ£»
¡¡¡¡ ÀýÈ磺$(expression,[context])
¡¡¡¡ []Àï±íʾÊÇÒ»·¶Î§£¬ÀýÈ磺
¡¡¡¡ <div class=".myclass">
¡¡¡¡ <div id="div0"></div>
¡¡¡¡ </div>
¡¡¡¡ $("#div0",".myclass")µÄЧÂÊÒª¸ßÓÚ$("#div0")
¡¡¡¡
¡¡¡¡ 4.Ñ¡ÔñÆ÷Öк¬ÓÐÌØÊâµÄ·ûºÅ;
¡¡¡¡ ÔÚÒ³ÃæÖУ¬¸ù¾ÝW3C±ê×¼£¬²»ÄÜ°üº¬"#","(","["µÈ²»¹æ·¶×Ö·û
¡¡¡¡ ÀýÈç<div id="div1#"></div>
¡¡¡¡ ´íÎóд·¨£º$("#div1#").html();
¡¡¡¡ Õýȷд·¨£º$("#div1#").html();µÃÐèÒªÓÃ""½øÐÐתÒå


¡¡¡¡ 5.Ñ¡ÔñÆ÷Öк¬Óпոñ·û£»
¡¡¡¡ ÀýÈ磺$(".myclass :hide")±íʾΪ.myclassϵÄÒþ²ØÔªËØ£»
¡¡¡¡ $(".myclass:hide")±íʾΪËùÒþ²ØÔªËصÄclassΪ.myclass£»


¡¡¡¡ 6.ÓÅ»¯Ê¼þÖеÄðÅÝÏÖÏó£»
¡¡¡¡ Ò³ÃæÔªËØǶÌ×ʱ£¬Èç¹û´¥·¢Í¬Ò»Ê¼þ£¬¿ÉÄܻᴥ·¢Ê¼þµÄðÅÝÏÖÏ󣬿ÉÒÔÓÃstopPagationÀ´×èÖ¹ÕâÒ»ÏÖÏóµÄ·¢Éú£»
¡¡¡¡ target»ñÈ¡´¥·¢Ê¼þµÄÔªËØ


¡¡¡¡ 7.ʹÓÃdata·½·¨»º´æÊý¾Ý
¡¡¡¡ 1)·µ»Ø´æ´¢µÄÊý¾Ý£º
¡¡¡¡ data("name");
¡¡¡¡ 2)ÉèÖÃÊý¾Ý£º
¡¡¡¡ data("name","zhangsan");
¡¡¡¡ 3)ÒƳý»º´æÊý¾Ý£º
¡¡¡¡ removeData("name");
¡¡¡¡ Àý×Ó£º»º´æjson¸ñʽÊý¾Ý
¡¡¡¡ <p><b>Êý¾Ý״̬</b></p>
¡¡¡¡
¡¡¡¡ $("p").data("tmpData");//´Ë´¦Îª¿Õ
¡¡¡¡ $("p").data("tmpData",{name:"zhangsan",age:"18",sex:"ÄÐ"});
¡¡¡¡ $("p").data("tmpData").name;//zhangsan;
¡¡¡¡ $("p").data("tmpData").age;//18;
¡¡¡¡ »º´æÊý¾ÝµÃ¼°Ê±ÇåÀí£¬ÐèÌرð×¢Òâ
¡¡¡¡
¡¡¡¡ 8.jquery¿âÓëÆäËü¿â³åÍ»( Êé´åÍø )
¡¡¡¡ 1)jqueryÔÚÆäËü¿âÇ°µ¼Èë
¡¡¡¡ Ö±½ÓʹÓÃjquery£¬ÀýÈçjquery(function(){}); ½«$µÄʹÓÃȨת¸øÆäËü¿â£»
¡¡¡¡ 2)jqueryÔÚÆäËü¿âºóµ¼Èë
¡¡¡¡ ʹÓÃjQuery.noConflict()¼´¿É£»
¡¡¡¡ /*·½·¨Ò»*/
¡¡¡¡ jQuery.noConflict();
¡¡¡¡ jQuery(function(){
¡¡¡¡ jQuery("#div0").html();
¡¡¡¡ });
¡¡¡¡
¡¡¡¡ /*·½·¨¶þ---×Ô¶¨Òå¿ì½Ý·½Ê½*/
¡¡¡¡ var j = jQuery.noConflict();
¡¡¡¡ j(function(){
¡¡¡¡ j("#div0").html();
¡¡¡¡ });
¡¡¡¡
¡¡¡¡ /*·½·¨Èý---ÔÚjqueryº¯ÊýÄÚʹÓÃ$·û*/
¡¡¡¡ jQuery.noConflict();
¡¡¡¡ jQuery(function($){
¡¡¡¡ $("#div0").html();
¡¡¡¡ })
¡¡¡¡
¡¡¡¡ 9.Ñ¡ÓÃ×Ó²éѯÓÅ»¯Ñ¡ÔñÐÔÄÜ£»
¡¡¡¡ <div id="div0">
¡¡¡¡ <ul class="myclass">
¡¡¡¡ <li class="li0"><span>²âÊÔÔªËØÒ»</span></li>
¡¡¡¡ <li class="li1">²âÊÔÔªËضþ</li>
¡¡¡¡ </ul>
¡¡¡¡ </div>
¡¡¡¡
¡¡¡¡ Ò»°ãд·¨$("#div0 .myclass .li0 span").hmtl();
¡¡¡¡ $("#div0 .myclass .li1").hmtl();
¡¡¡¡ ÈçÉÏд·¨Ð§Âʽϵͣ¬Ã»»º´æ£¬²»ÀûÓÚͬ¼¶²éѯ£¬Ã¿Ò»´Î¶¼ÊÇÒ»¸öеĿªÏú£»
¡¡¡¡
¡¡¡¡ var $obj = $("#div0");
¡¡¡¡ var $objc = $obj.find(".myclass");
¡¡¡¡ var $objli0 = $objc.find(".li0");
¡¡¡¡ var $spn = $objli0.find("span");
¡¡¡¡ var li0 = $spn.html();
¡¡¡¡ var objli1 = $objc.find(".li1");
¡¡¡¡  

¡ïÄÚÈݳö´¦¡¡W£÷£÷.£Íc£ÑyY¡£c£Ï£Í¡ï

¡¶JqueryÓÅ»¯¼¼ÇÉ¡·WordÎĵµÏÂÔØ

¿´Á˱¾ÎĵÄÍøÓÑ»¹¿´ÁË

±¾Õ¾·¢²¼µÄ×÷Æ·²¿·ÖתÔØÓÚ»¥ÁªÍø£¬Ö¼ÔÚÌṩÍøÃñÔĶÁ²Î¿¼¡£Èô¡¶JqueryÓÅ»¯¼¼ÇÉ¡·Éæ¼°°æȨÎÊÌ⣬»ò×÷Õß²»Í¬ÒⱾվתÔØÄúµÄ×÷Æ·£¬Çë֪ͨÎÒÃÇ£¬ÊÕµ½·´À¡ÎÒÃǻὫÏà¹Ø¸å¼þɾ³ý´¦Àí¡£

ÒòΪ±¾Õ¾±à¼­ÈËÊÖÓÐÏÞ£¬¶ø²¿·Ö×÷Îijö´¦Ò²ÎÞ´Ó¿¼¾¿£¬ËùÒÔûעÃ÷¡¶JqueryÓÅ»¯¼¼ÇÉ¡·µÄ³ö´¦»òתÔص½±¾Õ¾ÇëÄúÁ½⣬¸Ðл¸÷λµÄ°üÈÝÓëÖ§³Ö£¡

ÔĶÁÅÅÐÐ

ÍƼöÔĶÁ

¡¡

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

Ïà¹ØÎÄÕÂ
  • 7¸öÓÐÓõÄjQueryС¼¼ÇÉ

    7¸öÓÐÓõÄjQueryС¼¼ÇÉ

    2016-02-26 13:02

  • jQueryÖÆ×÷selectË«ÏòÑ¡ÔñÁбí

    jQueryÖÆ×÷selectË«ÏòÑ¡ÔñÁбí

    2016-02-26 11:00

  • È«ÃæÏêϸµÄjQuery³£¼û¿ª·¢¼¼ÇÉÊÖ²á

    È«ÃæÏêϸµÄjQuery³£¼û¿ª·¢¼¼ÇÉÊÖ²á

    2016-02-26 10:02

  • Ç¿´óµÄjQueryÒƶ¯²å¼þTop 10

    Ç¿´óµÄjQueryÒƶ¯²å¼þTop 10

    2016-02-25 09:05

ÍøÓѵãÆÀ
ê