jQuery¼¼Êõ

Jquery³£Óõķ½·¨»ã×Ü

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

//jQueryµÄÓŵã :1 ÇáÁ¿¼¶2 Ç¿´óµÄÑ¡ÔñÆ÷3 ³öÉ«µÄDOM²Ù×÷µÄ·â×°4 ¿É¿¿µÄʼþ´¦Àí»úÖÆ5 ÍêÉƵÄAjax6 ²»ÎÛȾ

//jQueryµÄÓŵã : 

        1 ÇáÁ¿¼¶
        2 Ç¿´óµÄÑ¡ÔñÆ÷
        3 ³öÉ«µÄDOM²Ù×÷µÄ·â×°
        4 ¿É¿¿µÄʼþ´¦Àí»úÖÆ
        5 ÍêÉƵÄAjax
        6 ²»ÎÛȾ¶¥¼¶±äÁ¿
        7 ³öÉ«µÄä¯ÀÀÆ÷¼æÈÝÐÔ
        8 Á´Ê½²Ù×÷·½Ê½
        9 Òþʽµü´ú
        10 ÐÐΪÔøÓë½á¹¹²ãµÄ·ÖÀë
        11 ·á¸»µÄ²å¼þÖ§³Ö
        12 ÍêÉƵÄÎĵµ
        13 ¿ªÔ´

<script src="jquery.js" type="text/javascript">ÕâÀï²»Ðí·ÅÈκδúÂë</script>
 
    $("#foo")ºÍ jQuery("#foo")Êǵȼ۵Ä
    $.ajax ºÍ jQuery.ajax Êǵȼ۵Ġ $·ûºÅÊÇjQueryµÄ¼òдÐÎʽ

  // window.onload : $(function(){ })
  $(function(){ })  ¾ÍÏ൱ÓÚ js ÖеÄwindow.onloadʼþÒ»Ñù,ÊÇÔÚÒ³Ãæ¼ÓÔØÍê³Éºó,Á¢¿ÌÖ´ÐеĠ   Ö»ÓÐÕâ¸öºÍwindow.onloadÒ»Ñù
    ²»¹ýwindow.onloadÖ»ÄÜдһ¸ö µ«ÊÇ$(function(){ })¿ÉÒÔд¶à¸ö
        ûÓмòдµÄʱºòÊÇ $(document)ready(function(){ })

//Á´Ê½²Ù×÷·ç¸ñ : 

$(".level1>a").click(function(){ $(this).addClass("current") //¸øµ±Ç°ÔªËØÌí¼Ó"current"Ñùʽ .next().show(); //ÏÂÒ»¸öÔªËØÏÔʾ .parent().siblings()//¸¸ÔªËصÄͬ±²ÔªËØ .children("a") //×ÓÔªËØ<a> .removeClass("current")//ÒƳö"current"Ñùʽ .next().hide();//ËûÃǵÄÏÂÒ»¸öÔªËØÒþ²Ø return false; })

//jQuery¶ÔÏóת³ÉDOM¶ÔÏó : 

    1 jQuery¶ÔÏóÊÇÒ»¸öÀàËÆÊý×é,¿ÉÒÔͨ¹ý[index]µÄ·½·¨µÃµ½ÏàÓ¦µÄDOM¶ÔÏó

        var $cr = $("#cr");//jQuery¶ÔÏó
        var cr = $[0]; //DOM¶ÔÏó

    2 ÁíÒ»ÖÖ·½·¨ÊÇjQuery±¾ÉíÌṩµÄ,ͨ¹ýget(index)·½·¨µÃµ½ÏàÓ¦µÄDOM¶ÔÏó

        var $cr = $("#cr");//jQuery¶ÔÏó
        var cr = $cr.get(0);//DOM¶ÔÏó

//DOM¶ÔÏóת³ÉjQuery¶ÔÏó : 

    ¶ÔÓÚÒ»¸öDOM¶ÔÏó,Ö»ÐèÒªÓÃ$()°ÑDOM¶ÔÏó°ü×°ÆðÀ´,¾Í¿ÉÒÔ»ñµÃÒ»¸öjQuery¶ÔÏóÁË.
        ·½Ê½Îª : $(DOM¶ÔÏó);

        var cr = document.getElementById("cr");//DOM¶ÔÏó
        var $cr = $(cr); //jQuery¶ÔÏó

//½â¾ö³åÍ» : 

    1 Èç¹ûÆäËûJS¿âºÍjQuery¿â·¢Éú³åÍ»,ÎÒÃÇ¿ÉÒÔÔÚÈκÎʱºòµ÷Óà : jQuery.noConflict()º¯ÊýÀ´½«±äÁ¿$µÄ¿ØÖÆȨÒƽ»¸øÆäËûJavaScript¿â

var $jaovo = jQuery.noConflict(); $jaovo(function(){ $jaovo("p").click(function(){ alert($jaovo(this).text()); }); });

    2 ¿ÉÒÔÖ±½ÓʹÓÃ"jQuery"À´×öһЩjQueryµÄ¹¤×÷

jQuery(function(){ jQuery("p".click(function(){ alert(jQuery(this).text()); })); });

//jQueryÑ¡ÔñÆ÷

    1 »ù±¾Ñ¡ÔñÆ÷
        »ù±¾Ñ¡ÔñÆ÷ÊÇjQueryÖÐ×î³£ÓõÄÑ¡ÔñÆ÷,Ò²ÊÇ×î¼òµ¥µÄÑ¡ÔñÆ÷,Ëûͨ¹ýÔªËØid¡¢class ºÍ ±êÇ©Ãû µÈÀ´²éÕÒDOMÔªËØ

//jQuery :  

    Ö»Òª»ñµÃ±êÇ©¶ÔÏó . ¾ÍÊÇÊý×é

//jQuery¶ÔÏó»ñÈ¡ :

    $("p");//»ñÈ¡ËùÓÐp±êÇ©¶ÔÏó ---- »ñÈ¡µÄ¶ÔÏóÊÇÊý×é
    $("#aa");//»ñÈ¡idΪaaµÄÄǸö±êÇ©µÄ¶ÔÏó --- »ñÈ¡µÄ¶ÔÏóÊÇÊý×é
    $(".aaa");//»ñÈ¡classΪaaaµÄÄǸö±êÇ©µÄ¶ÔÏó --- »ñÈ¡µÄ¶ÔÏóÊÇÊý×é

//jQuery¶ÔÏóºÍDOM¶ÔÏóµÄת»» : 

    jQueryµÄ·½·¨ºÍDOMµÄ·½·¨²»ÄÜ»¥ÏàʹÓÃ(µ÷ÓÃ),µ«ÊǶÔÏó¿ÉÒÔ»¥Ïàת»»
    $("p");//ÊÇjQuery¶ÔÏó
    document.documentElementsTagName("p");//ÊÇDOM¶ÔÏó
    $(document.documentElementsTagName("p"));//°ÑDOM¶ÔÏóת»»³ÉjQuery¶ÔÏó
    $("p").get(1);//ÊÇÒ»¸öDOM¶ÔÏó,
    get(1);´ú±ípÕâ¸öÊý×éµÄµÚ¶þλ,(ϱêΪ1  ¾ÍÊǵڶþλ)
    $($("p").get(1));//ÊÇjQuery¶ÔÏóת³É

    //jQuery¶ÔÏóת³ÉDOM¶ÔÏó :

    1 jQuery¶ÔÏóÊÇÒ»¸öÀàËÆÊý×é,¿ÉÒÔͨ¹ý[index]µÄ·½·¨µÃµ½ÏàÓ¦µÄDOM¶ÔÏó
        var $cr = $("#cr");//jQuery¶ÔÏó
        var cr = $[0]; //DOM¶ÔÏó
    2 ÁíÒ»ÖÖ·½·¨ÊÇjQuery±¾ÉíÌṩµÄ,ͨ¹ýget(index)·½·¨µÃµ½ÏàÓ¦µÄDOM¶ÔÏó
        var $cr = $("#cr");//jQuery¶ÔÏó
        var cr = $cr.get(0);//DOM¶ÔÏó

    //DOM¶ÔÏóת³ÉjQuery¶ÔÏó :

    ¶ÔÓÚÒ»¸öDOM¶ÔÏó,Ö»ÐèÒªÓÃ$()°ÑDOM¶ÔÏó°ü×°ÆðÀ´,¾Í¿ÉÒÔ»ñµÃÒ»¸öjQuery¶ÔÏóÁË.
        ·½Ê½Îª : $(DOM¶ÔÏó);

        var cr = document.getElementById("cr");//DOM¶ÔÏó
        var $cr = $(cr); //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

ÍøÓѵãÆÀ
¦