").text("Text."); // ÒÔ jQuery ´´½¨ÐÂÔªËØ
var txt3=document.createElement("p"); // ÒÔ DOM ´´½¨ÐÂÔªËØ
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3); // ×·¼ÓÐÂÔªËØ
10. ɾ³ýÔªËØ/ÄÚÈÝ£¬ÈçÐèɾ³ýÔªËغÍÄÚÈÝ£¬Ò»°ã¿ÉʹÓÃÒÔÏÂÁ½¸ö jQuery ·½·¨£º
remove() - ɾ³ý±»Ñ¡ÔªËØ£¨¼°Æä×ÓÔªËØ£©
empty() - ´Ó±»Ñ¡ÔªËØÖÐɾ³ý×ÓÔªËØ
ÀýÈ磺 $("p").remove(".italic")
11. jQuery ²Ù×÷ CSS
addClass() - Ïò±»Ñ¡ÔªËØÌí¼ÓÒ»¸ö»ò¶à¸öÀà
removeClass() - ´Ó±»Ñ¡ÔªËØɾ³ýÒ»¸ö»ò¶à¸öÀà
toggleClass() - ¶Ô±»Ñ¡ÔªËؽøÐÐÌí¼Ó/ɾ³ýÀàµÄÇл»²Ù×÷
css() - ÉèÖûò·µ»ØÑùʽÊôÐÔ
ÀýÈ磺 $("p").css({"background-color":"yellow","font-size":"200%"});
12. jQuery Ìṩ¶à¸ö´¦Àí³ß´çµÄÖØÒª·½·¨£º
width()£»
height()£»
innerWidth()£»
innerHeight()£»
outerWidth()£»
outerHeight()£»
13. jQueryÔªËرéÀú£º
ÏòÉϱéÀú DOM Ê÷: ÕâЩ jQuery ·½·¨ºÜÓÐÓã¬ËüÃÇÓÃÓÚÏòÉϱéÀú DOM Ê÷£º
parent()
parents()
parentsUntil()
ÏòϱéÀú DOM Ê÷: ÏÂÃæÊÇÁ½¸öÓÃÓÚÏòϱéÀú DOM Ê÷µÄ jQuery ·½·¨£º
children()
find()
ˮƽ±éÀúÊ÷£ºÓÐÐí¶àÓÐÓõķ½·¨ÈÃÎÒÃÇÔÚ DOM Ê÷½øÐÐˮƽ±éÀú£º
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()
¹ýÂËËã·¨£ºËõдËÑË÷ÔªËصķ¶Î§£¬×î¼òµ¥Óë×î»ù±¾µÄ¹ýÂËËã·¨£»
Èý¸ö×î»ù±¾µÄ¹ýÂË·½·¨ÊÇ£ºfirst(), last() ºÍ eq()£¬ËüÃÇÔÊÐíÄú»ùÓÚÆäÔÚÒ»×éÔªËØÖеÄλÖÃÀ´Ñ¡ÔñÒ»¸öÌض¨µÄÔªËØ¡£
ÆäËû¹ýÂË·½·¨£¬±ÈÈç filter() ºÍ not() ÔÊÐíÄúÑ¡È¡Æ¥Åä»ò²»Æ¥ÅäijÏîÖ¸¶¨±ê×¼µÄÔªËØ¡£
14. Ajax·½·¨Ö§³Ö£º
14.1 jQuery load() ·½·¨ÊǼòµ¥µ«Ç¿´óµÄ AJAX ·½·¨£¬load() ·½·¨´Ó·þÎñÆ÷¼ÓÔØÊý¾Ý£¬²¢°Ñ·µ»ØµÄÊý¾Ý·ÅÈ뱻ѡԪËØÖС£
Óï·¨£º$(selector).load(URL,data,callback);
±ØÐèµÄ URL ²ÎÊý¹æ¶¨ÄúÏ£Íû¼ÓÔØµÄ URL¡£
¿ÉÑ¡µÄ data ²ÎÊý¹æ¶¨ÓëÇëÇóһͬ·¢Ë͵IJéѯ×Ö·û´®¼ü/Öµ¶Ô¼¯ºÏ¡£
¿ÉÑ¡µÄ callback ²ÎÊýÊÇ load() ·½·¨Íê³ÉºóËùÖ´Ðеĺ¯ÊýÃû³Æ¡£
14.2 jQuery $.get() ·½·¨£»
$.get() ·½·¨Í¨¹ý HTTP GET ÇëÇó´Ó·þÎñÆ÷ÉÏÇëÇóÊý¾Ý¡£
Óï·¨£º$.get(URL,callback);
±ØÐèµÄ URL ²ÎÊý¹æ¶¨ÄúÏ£ÍûÇëÇóµÄ URL¡£
¿ÉÑ¡µÄ callback ²ÎÊýÊÇÇëÇó³É¹¦ºóËùÖ´Ðеĺ¯ÊýÃû¡£
ÏÂÃæµÄÀý×ÓʹÓà $.get() ·½·¨´Ó·þÎñÆ÷ÉϵÄÒ»¸öÎļþÖÐÈ¡»ØÊý¾Ý£º
ʵÀý£º
$("button").click(function(){
$.get("demo_test.asp",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
14.3 jQuery $.post() ·½·¨£¬$.post() ·½·¨Í¨¹ý HTTP POST ÇëÇó´Ó·þÎñÆ÷ÉÏÇëÇóÊý¾Ý¡£
Óï·¨£º$.post(URL,data,callback);
±ØÐèµÄ URL ²ÎÊý¹æ¶¨ÄúÏ£ÍûÇëÇóµÄ URL¡£
¿ÉÑ¡µÄ data ²ÎÊý¹æ¶¨Á¬Í¬ÇëÇó·¢Ë͵ÄÊý¾Ý¡£
¿ÉÑ¡µÄ callback ²ÎÊýÊÇÇëÇó³É¹¦ºóËùÖ´Ðеĺ¯ÊýÃû¡£
ÏÂÃæµÄÀý×ÓʹÓà $.post() Á¬Í¬ÇëÇóÒ»Æð·¢ËÍÊý¾Ý£º µã»÷¸´ÖÆÁ´½Ó ÓëºÃÓÑ·ÖÏí!»Ø±¾Õ¾Ê×Ò³ ÉÏһƪ£ºjqueryÖÐajaxÈçºÎ·µ»ØÖµµ½Éϲ㺯ÊýµÄ·½·¨ÒÔ¼°¶ÔÓÚjs´¦Àíjson¶ÔÏó·½·¨µÄ¼Ç¼ ÏÂһƪ£ºjQuery²å¼þѧϰ֮ѡÏTab Ïà¹ØÎÄÕÂ
Nivo Slider ¼òҪʹÓÃÎĵµ.
javascript¼òҪ֪ʶµã
Óô¿JS×ö¶íÂÞ˹·½¿é - ¼òҪ˼·½éÉÜ
ʹÓÃIDEA´´½¨Spring mvc¹¤³Ì¼°¼òÒª·ÖÎö
webÖ®html£¬css£¬javascript¼òÒª¸ÅÊö
javascript ѧϰ±Ê¼Ç£¨Ò»£©DOM»ù±¾²Ù×÷
javascriptѧϰ±Ê¼Ç£¨¶þ£© Êó±ê¾¹ýʱ
javascriptѧϰ±Ê¼Ç£¨Èý£©ÏÔʾµ±Ê±Ê±¼ä
javascript ѧϰ±Ê¼Ç£¨ËÄ£© µ¹¼Æʱ³ÌÐò
javascriptѧϰ±Ê¼Ç£¨Î壩ÕýÔò±í´ïʽ
ͼÎÄÍƼö
¡¡