//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¶ÔÏó
//´´½¨ÔªËØ :
¡¡