jQuery¼¼Êõ

jQueryѧϰ¼òÒª±Ê¼Ç(2)

×ÖºÅ+ ×÷ÕߣºH5Ö®¼Ò À´Ô´£ºH5Ö®¼Ò 2017-05-19 11:00 ÎÒÒªÆÀÂÛ( )

).text(Text.); // ÒÔ jQuery ´´½¨ÐÂÔªËØ var txt3=document.createElement(p); // ÒÔ DOM ´´½¨ÐÂÔªËØ txt3.innerHTML=Text.; $(p).append(txt1,txt2,txt3); // ×·¼ÓÐÂÔªËØ 10. ɾ³ýÔªËØ/ÄÚÈÝ£¬ÈçÐèɾ³ýÔªËغÍÄÚÈÝ

 

").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ѧϰ±Ê¼Ç£¨Î壩ÕýÔò±í´ïʽ

ͼÎÄÍƼö

¡¡

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

Ïà¹ØÎÄÕÂ
  • jQueryѧϰ±Ê¼ÇÖ®jQuery.extend(),jQuery.fn.extend()·ÖÎö

    jQueryѧϰ±Ê¼ÇÖ®jQuery.extend(),jQuery.fn.extend()·ÖÎö

    2017-05-20 14:11

  •  Demoѧϰ£º Basic jQuery

    Demoѧϰ£º Basic jQuery

    2017-05-19 10:03

  • jQueryѧϰ±Ê¼ÇÖ®DOM¶ÔÏóºÍjQuery¶ÔÏó

    jQueryѧϰ±Ê¼ÇÖ®DOM¶ÔÏóºÍjQuery¶ÔÏó

    2017-05-19 10:03

  • Éйè¹ÈJqueryÊÓƵ½Ì³Ì(Ù¡¸Õ)¹²25½²´ò°üÏÂÔØ

    Éйè¹ÈJqueryÊÓƵ½Ì³Ì(Ù¡¸Õ)¹²25½²´ò°üÏÂÔØ

    2017-05-19 09:07

ÍøÓѵãÆÀ
¹