Đang tải... (xem toàn văn)
Một số nội dung cơ bản về Jquery
Jquery !"#$%&'(&$)$ *+,*-.$%&/01,23#45 4"67489::;#<6&-+/ * =0>34?*@A0"B&4C& (0>-DE?*F#3G/# $%"66F6FH00>?*IJ0K *@L34/("MG&+ 4FN6OD$?*JPQ# 4A# ="M#"R4'S":$"TF &*+#0"M#"R4UG48"A "R4U-$3&0"RA6OC@" #/A;&&4V= W/*+PN GR#XV46VMXV4YZ[6O *@&0@\?*/*+"MG%K# 4 4 =+&.03&0>/'(&] B36P.03-&+00>#$% /?*F^]B0*+_+&#.N W-;6A;%@+?*'6` 36P$"M.N0]B"R46748C3 #454&+ a ("K& b*#&" <!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script> </script> </body> </html> ="3$6*"RNA*#&"A N3$606748 * 9&46748 K&46$;"RD4 window.onload = function(){ alert("welcome"); } 0K&4C7c6A0`&4C&FN4# +K'0&+&46Od+A&V= W 0"B@&&F@@-@@F*FHeL3+ KA*+P+&44&"&4C& SFA<$80"B+K $(document).ready(function(){ // CODE ở đây }); 9#0&+&46O0"B+A&4&6`60& # SG48' $(document).ready(function(){ $("a").click(function(event){ alert("hello to jquery!"); }); }); =#48'N6_AA&#fFA-&#A 6OC-;*#&g0"B_h 36P$>*K Thêm bớt class cho đối tượng: =+&6666 <style> .mylink { color:red; text-decoration:none; } </style> =N66&*\' $(‘a’).addClass(“mylink”); 9#AK6O0iA;+Le*i66 $(‘a’).removeClass(“mylink”); Hiệu ứng đặc biệt: (]B36P.0j*"6&?F40J k0$%&0W $("a").click(function(event){ event.preventDefault();//tránh việc chuyển link sau khi click vào thẻ a $(this).hide("slow");//thể a sẽ ẩn đi với tốc độ “slow” }); l0LAA&6Ok0P03mF0> 16&?26P4MJLG48'4gnnnhok0 &&6L 4 9*A 9*A0"B"30P6P/3F 0"B_6A_C& 300j* #60"B_"A*A 0"B_ V*AA;0P $.get('myhtmlpage.html', myCallBack); V*A0P $.get('myhtmlpage.html', function(){ myCallBack(param1, param2); }); a :&6 a&* &4g ;0ốượệh' 3& GE+O-/TA@E,#$%& 3#454; 34+$@/# $%V= W9#$%P"M"3102 V= W+$DbD0K#P*+`N"Q 0KP&0";*F*PpFJq+ C*V"0P"B4_&-$*mrV= W0*KsMP /#$%V= W aaVtgh 9&4U*+6748:&&0E&TF*+;*< 0%*\34-4>h30;&j0M"'tgh=-@ 0"B6748&9::^0"Bu&4-&jA)$g2h0j& &4-&j0MF&$)$D#$48#$"M$#$T& m$B$#$%7$UB$ q$%,-/T:&NfV= WF[ 966q+d6748&jAKB$:&A#0, "0L3G48]:A67483 bDN#$"M$#$&tghF#$%7\& 0P"BT6O0"B_03&&$45Q1m"R29&ND A;%$@6748*-.3vj$&@F"vj$w&x+F 0"R$@&AK&4 :A*+0`\*< 0"BA#M*@F*LRD6OA#$#NGE +OA#/T ay9#<&*36& g1z2h',-@#0P"B '4',-@#$%70453&+g&h+ R0+*36& {|}~~•',#$%73G0"Bd0J#J *\#J0"&j*<0%I0&64-+g€h {z}~~•',#$%3G0"Bd0J# J.]0" {•}~~•',#$%3G0"Bd0J# J.I0"B0"F$L*\4-# {t}~~•',#$%3G0"Bd0J #JAKD*\>0"F$L&"R {}~~•',$%3G0",d0J3# J*\GC#]0" {‚}~~•',#$%A;.3G0"Bd 0J&j3Gd0JA;#J"]0" {ƒ}~~•',#$%.3Gd0J# J*<0%*\]0" '*&',#$%„*&…#$%Ag$h *& 'A*&C'&-@$%AA*&C 'A4',-@#$%0"BA4 g1$…42h',-@#$%&_K$8# $%„4…/„$… g1662h'&-@#$%66"660" '&6gh',#$%.E*@8 g1a2h',#$%„a…&#/$% „… '46*4',#$%*J46* g12h',#$% '$',#$%A;&gA@#&4E*@h '*4',#$%0"B*4 'gh',$%.&#$%$UB$ ',#$%†F*<0%Ino"B+&44 'w',#$%Aw 'w6€4',#$%&0%N/ 'w6',$%0%N$UB$ 'w&6,$%+0"Bw&6 'gh',-@$%._M&#$% $UB$ {•',#$%3Gd0J '6gh',#$%.G-3$%$UB$*3 ,8 '4',#$%N0G48"FaFyFH '44',#$%*Jk0 g1‡42h',$%3G4#Jd0J '',-@$%A@ '$'&#$%$FCF6F*& '6€4',#$%&P// '6',$%PU$UB$ 'gh',#$%._iM&$UB$ {}~~•{a}~a~•',#$%$UB$-@ *3,3G0" g16&F6&aF6&2h'AKB$#AK@/I*3, g1$ˆC2h',#$%„C…&63$%7 „$… g1$•6*62h',-@#$%&6 $%„$…FF$UB$*3,16*62 '&gh',#$%A;$UB$6& '€4gh',#$%./D '&44',#$%QJGfF*<0%In '&€4',#$%&4-/D '$',#$%/$%&0FA@&4E *@ '$66?&4',#$%A$66?&4 '4&',#$%A4& '6',#$%A6 '64',#$%0`0"B,g64h '6*',#$%A6* 'C',#$%AC '6*',#$%g6*h a‰Z"M$#$4& 36P;48' € $g4Ch'@6P$%7/0"BCP$%7+. _4C € w6gh'@6P$%7/0"BCP$%7+JG 0%N € 6gh'@6P$%7/0"BCP$%7+JG PU € &g6&ŠŠw&g4Chh'C#$%$UB$*3 6&ŠŠw&g4ChAi € 4g6&h'-#&/#$% € &66g6&h'-;*>N%-/$%i *36& € Cg{6&•h'-$%7Ag$UB$ 6&Kh € $g{6&•h'-$%7/#$%7& € $6g{6&•h'"M_"$gh"-0K@; *FH € $g{6&•h'-$%7" € 6*6g{6&•h'-#$%7 € wgh_A‹+OQ]-36P/ V0&$)$D+&$)$A$.+$0C# 0JC3$%&0N0"B+&m$B$AK @@G48DPN366&-@ 0"RNAK&(A;6&&K# 8KA;&$"M$#$wghFD*<*3 $@6748vj$0@I$%AN O=N&$"M$#$wgh6FD Œ4_&vj$k/T&&4/D , $('a').filter(function() { return this.hostname && this.hostname != location.hostname; }).addClass('external'); v&4.a,m$B$#$%7„…NG6' $@3GwNg6&6h9D 6748$)$A0&+*iNAK4+& ."M_ a=NNAKg6&6hA;0"BPg‚}h N/+g&&&6h GC#M$"M$#$wghj$m$B$$% 7$UB$FAI#J@*\0`+&K@ w6F$%706O*J&+Aim$B$9vK#J@ F$%700"B+ y X6 Event bubbling(bong bóng sự kiện) bA&NAKF6O0P#4_AAN$%7AF 6O>#*&-6_AA&$%7 tg••h*4g•A•Fw&ghŽg~=A6‚~h•ho l0LFA6O_0J3;*#&1= A6‚2:_AA606O0"BLN$GN/L F $%F60I$%>N6_AA0"B> N$%7m4/ Bind : .bind(eventType, [eventData], handler(eventObject)) =$'AFw&6F6•FH 'A*#&&0"B#&$%7 $('#foo').bind({ click: function() { // do something on click }, mouseenter: function() { // do something on mouseenter } }); '4&&g4h var message = 'Spoon!'; $('#foo').bind('click', {msg: message}, function(event) { alert(event.data.msg); }); message = 'Not in the face!'; $('#bar').bind('click', {msg: message}, function(event) { alert(event.data.msg); }); V4'C7c0"B+A6_A> SG48' tg••h*4g•A•Fw&ghŽg~=A6‚~h•ho (6O)&*34&F#;*#&&6_A A/I$%7tg12h Live: .live( eventType, eventData, handler ) tg••hg•A•Fw&ghŽg~=A6‚~h•ho (6O#&4&3;*#&FA‘&a0P12 1A2q-.A&6_A*&*C@N4&6OA C6_A0$@1A2A;F6_A0C@N$% 12A;KA@a00D6O&_ Delegate : .delegate( selector, eventType, eventData, handler ) tg•‡&•h4g••F•A•Fw&ghŽg~=A6‚~h•ho ="M_"F"Q0LA;#&@4&d #&&"mA6_A*&*>N1&2 6OAC6_A0$@1A2A;F6_A0C@N $%12A;KA@a00D6O&_ 36P4U0#C766_AA#'"M_"#6_A ]B&6$F]B#0#&6_A&03 C7cSG48"'Ag4hF*g4hFH e#"B*&*6_A6748 tg••h*4g•A•Fw&ghŽ $wgho ŠŠ& 6&$Z&$&gho ŠŠ& w6o •ho ‰ Xww6 Show/hide 6&?g{4&•F{6•F{*A•h'$%0"B, 4g{4&•F{6•F{*A•h'k$%0"B, • 4&'R?&+@ • 6'N60",6748g0N6N $h • *A'0"B,6A&+@& Toggle &g{4&•F{6•F{*A•h'"M_"46&?" 6OAK$%046O0"B6&?F06&?6O0"B 4 FadeIn/fadeOut/fadeTo/fadeToggle w4[g{4&•F{6•F{*A•h'$%0"B,& Aw4 w4g{4&•F{6•F{*A•h'k$%0"B,& Aw4 w4=&g4&F&$F{6•F{*A•h'0d03&6P /$%0K#JC#0Jg&$'&$/$%%0"B0 d0Kh Animate g$&$6F{4&•F{6•F{&$•h'_&+@ Ud4_&m$3G66g$&$6h g$&$6F&$&6h' $&6 m$#;U,F]B#0P' 4&'R+ 6'6 &$'_6A&& stp'_6]*"/& 'Šw6+&46#w&++m$. 6$X6'm$#366.#0P0"B0J’&6 “ Thay đổi thuộc tính 44966gh'N66&0P"B SG48' tg12h44966g1&€42ho &966gh'C66/0P"B . ).responseText; ˜ £ 36P’]B ž Z Jquery- validate Jquery slideshow Jquery menu Jquery tab Query UI . </head> <body> <a href="http:/ /jquery. com/"> ;jQuery& lt;/a> <script src=" ;jquery. js"></script> <script>