±¾½ÚÄÚÈÝÖ÷Òª½éÉܵÄÊÇÈçºÎʹÓÃjQueryÖеÄ.html(),.text()ºÍ.val()ÈýÖÖ·½·¨£¬ÓÃÓÚ¶ÁÈ¡£¬ÐÞ¸ÄÔªËØµÄhtml½á¹¹£¬ÔªËصÄÎı¾ÄÚÈÝ£¬ÒÔ¼°±íµ¥ÔªËصÄvalueÖµµÄ·½·¨¡£jQueryÖÐΪÎÒÃÇÌṩÁ˶àÖÖ·½·¨ÓÃÓÚ¶ÔÔªËØµÄHTML½á¹¹ºÍÔªËØµÄÎı¾ÄÚÈݵIJÙ×÷£¬±ÈÈç˵£¬Äã¿ÉÒÔ¸øÒÑ´æÔÚµÄÔªËØµÄÄÚ²¿£¬ÖÜΧ£¬Ç°Ãæ»òÕߺóÃæÔö¼ÓÐÂÔªËØ£»»òÕßÓÃÒ»¸öÔªËØÌæ´úÁíÒ»¸öÔªËØ£»ÄãÒ²¿ÉÒÔ¶ÁÈ¡»òÕßÐÞ¸ÄÒ»¸öÔªËØµÄÄÚÈÝ»ò½á¹¹¡£ÓÐʱÎÒÃǾͻá±È½ÏÄ£ºý£¬²»ÖªµÀÊǸøÔªËØÔö¼ÓÄÚÈÝ»òÕßÔö¼ÓÒ»¸öÔªËØ£¬±ÈÈç˵ÎÒÃÇÐèÒª¸øÒ»¸ö´æÔÚµÄÔªËØÓÐЧµÄÔö¼ÓÕâ¸öÔªËØµÄÄÚÈÝ¡£
ÕâÀïÖ÷ÒªºÍ´ó¼ÒÒ»Æð·ÖÏíÈçºÎÔö¼Ó£¬É¾³ýºÍÌæ»»ÔªËØ£¬jQuery¸øÎÒÃÇÌṩÁËÈýÖÖ·½·¨À´¶ÔÔªËØµÄ½á¹¹£¬ÄÚÈݽøÐвÙ×÷£º
ÕýÈçÄ㽫¿´µ½µÄ£¬ÕâЩ·½·¨¿ÉÒÔÈÃÄãÇáËɵĶÁÈ¡»òÐÞ¸ÄÔªËØµÄÔʼÄÚÈÝ»ò¶ÁÈ¡ºÍÐÞ¸ÄÈκÎHTMLµÄÖµ£¬Ò²¿ÉÒÔÇáËɵĶÁÈ¡»òÐÞ¸Ä±íµ¥ÖеÄvalue×Ö¶ÎÖµ¡£
²Ù×÷ÔªËØµÄHTML½á¹¹¡ª¡ª.html()jQueryÖеÄ.html()·½·¨¿ÉÒÔÈöÁÈ¡ºÍÐÞ¸ÄÒ»¸öÔªËØµÄHtmlµÄÄÚÈÝ£¬ÆäÖ÷ÒªÓÐÈýÖÖʹÓ÷½Ê½£º.html(),.html(htmlString),.html(function(index,html){...})£¬ÏÂÃæÒÀ´ÎÀ´¿´¿´ËûÃǵľßÌåʹÓ÷½·¨¡£
1¡¢¶Áȡһ¸öÔªËØµÄHTML½á¹¹¡ª¡ª.html()
Óï·¨£º
$("Element").html();·µ»ØÖµ£ºstring
˵Ã÷£º
.html()·½·¨ÓÃÀ´»ñÈ¡ÈÎÒâÔªËØµÄHTMLÄÚÈÝ£¬Èç¹ûÑ¡ÔñÆ÷ͬʱѡÖжàÓÚÒ»¸öµÄÔªËØÊ±£¬ÄÇôÆäÖ»ÄܶÁÈ¡µÚÒ»¸öÔªËØµÄHTMLÄÚÈÝ¡£ÁíÍâ´Ë·¨¶ÔXML·½µµÊÇÎÞЧµÄ¡£
Òª¶Áȡһ¸öÔªËØµÄHTMLÄÚÈÝ£¬Ê×ÏÈÄãҪѡÔñÕâ¸öÔªËØ£¬È»ºóÔÚµ÷ÓÃjQueryÖеÄ.html()·½·¨£¬±ÈÈç˵£¬ÏÂÃæµÄ´úÂëÖУ¬ÎÒÃÇÑ¡ÔñÁËdiv.demoÖеÄpÔªËØ£¬È»ºóͨ¹ý.html()¶ÁÈ¡Õâ¸öÔªËØµÄHTMLÄÚÈÝ£¬È磺
HTML Code:
<div> <p>ÕâÊÇÒ»¸ö¶ÎÂäÔªËØ£¬ÀïÃæ°üº¬ÁËÒ»¸öaÁ´½ÓÔªËØ<a href="#">W3CPLUS</a></p> </div>jQuery Code
$(document).ready(function(){ alert("Div.demoÖеÄpÔªËØµÄHTML½á¹¹£º"+$("div.demo p").html()); });½á¹û
ÉÏÃæ´úÂë»áµ¯³öÒ»¸ö¾¯¸æ¿ò£¬ÏÔʾÔʼµÄHTML±ê¼ÇÄÚµÄÔªËØ£¬ÈçÉÏͼËùʾ¡£ÉÏÃæÊÇdiv.demoÖ»ÓÐÒ»¸ö£ÐÔªËØ£¬Èç¹ûÓжà¸öÄØ£¿»áÓÐʲôÏÖÏñ·¢Éú£¬ÎÒÃDz»èÊÔÚ¿´Ò»»Ø£º
HTML Markup
<div> <p>ÎÒÊÇdiv.demoÖеÚÒ»¸öPÔªËØ£º<a href="#">ÎÒÔÚµÚÒ»¸öPÀïÃæ</a></p> <p>ÕâÊÇÒ»¸ö¶ÎÂäÔªËØ£¬ÀïÃæ°üº¬ÁËÒ»¸öaÁ´½ÓÔªËØ<a href="#">W3CPLUS</a></p> </div>jQuery Code
$(document).ready(function(){ alert("Div.demoÖеÄpÔªËØµÄHTML½á¹¹£º"+$("div.demo p").html()); });Ч¹û
´ÓÉÏÃæÐ§¹ûͼÖÐÎÒÃÇ¿ÉÒÔÃ÷ÏԵĿ´³ö£¬Í¬ÑùµÄÒ»¶ÎjQuery´úÂ룬ËùµÃµ½µÄЧ¹û²»Ò»Ñù¡£ÕâÀïÔÙ´ÎÖ¤Ã÷ÁËÈç¹ûÄãµ÷Óöà¸öÑ¡¶¨ÔªËصÄ.html()·½·¨£¬ÄÇôÆä¶ÁÈ¡µÄÖ»ÊǵÚÒ»¸öÔªËØ£¬»»¾ä»°Ëµ£ºÈç¹ûÑ¡ÔñÆ÷Æ¥Åä¶àÓÚÒ»¸öµÄÔªËØ£¬ÄÇôֻÓеÚÒ»¸öÆ¥ÅäÔªËØµÄ HTML ÄÚÈݻᱻ»ñÈ¡¡£
2¡¢ÐÞ¸ÄÒ»¸öÔªËØµÄHTMLÄÚÈÝ¡ª¡ª.html(htmlString)
Óï·¨£º
$("Element").html(htmlString);//htmlStringÊÇÓÃÀ´ÉèÖÃÿ¸öÆ¥ÅäÔªËØµÄÒ»¸öHTML ×Ö·û´®·µ»ØÖµ£ºjQuery¶ÔÏó
˵Ã÷£º
ÖØÐÂÉèÖõÚÒ»¸öÆ¥ÅäÔªËØµÄhtmlÄÚÈÝ£¬ÕâÐ©ÔªËØµÄÈκÎÄÚÈÝÍêÈ«±»ÐµÄÄÚÈÝÈ¡´ú¡£»ùÓÚÉÏÃæµÄʵÀý£¬½«ÔÀ´µÄ¶ÎÂäµÄHTMLÄÚÈÝÍêȫȡ´ú£º
HTML Markup
<div> <p>ÎÒÊÇdiv.demoÖеÚÒ»¸öPÔªËØ£º<a href="#">ÎÒÔÚµÚÒ»¸öPÀïÃæ</a></p> <p>ÕâÊÇÒ»¸ö¶ÎÂäÔªËØ£¬ÀïÃæ°üº¬ÁËÒ»¸öaÁ´½ÓÔªËØ<a href="#">W3CPLUS</a></p> </div>jQuery Code:
$(document).ready(function(){ $("div.demo p").html('<h2>мӵıêÌâ</h2><p>ÎÒÊÇdiv.demoÖеÚÒ»¸öPÔªËØ£º<a href="#">ÎÒÔÚµÚÒ»¸öPÀïÃæ</a></p>'); });Ч¹û£º
´ÓÉÏÃæµÄЧ¹ûÖÐÎÒÃǵÃÖª£ºÈç¹ûʹÓÃ.html(htmlStrong)·½·¨Æ¥ÅäÔÚ¶à¸öÔªËØÉÏ£¬ÄÇô¶à¸öÆ¥ÅäÔªËØ½«µÄHTMLÄÚÈݽ«±»Ìæ»»£¬²¢ÇÒ¶¼±»Ìæ»»³ÉÒ»ÑùµÄHTML½á¹¹£¬Ò²¾ÍÊÇ.html(htmlString)·½·¨ÖÐÖ¸¶¨µÄ¡°htmlString¡±½á¹¹¡£»»¾ä»°£¬Èç¹ûÄãʹÓÃ.html(htmlString)·½·¨Ñ¡¶¨Á˶à¸öÔªËØ£¬ÄÇôÕâЩѡ¶¨µÄÔªËØµÄHTMLÄÚÈݶ¼»á±».html(htmlString)·½·¨Öеġ°htmlString¡±ËùÌæ´ú¡£¾ÍÈçÉÏͼËùʾ¡£
3¡£Ê¹ÓÃÒ»¸ö»Øµ÷º¯ÊýÀ´Ìæ»»Ò»¸öÔªËØµÄHTMLÄÚÈÝ
Óï·¨£º
$("Element").html(function(index,html){...});·µ»ØÖµ£ºjQuery¶ÔÏó
˵Ã÷£º
ÓÃÀ´·µ»ØÉèÖÃHTMLÄÚÈݵÄÒ»¸öº¯Êý¡£½ÓÊÕÔªËØµÄË÷ÒýλÖúÍÔªËØ¾ÉµÄHTML×÷Ϊ²ÎÊý¡£
ʹÓøö»Øµ÷º¯ÊýÀ´Ìæ»»Ò»¸öÔªËØµÄHTMLÄÚÈÝ£¬±ØÐëÂú×ãÏÂÃæÁ½¸öÌõ¼þ£º
º¯ÊýµÄ·µ»ØÖµËæºó±»ÓÃÀ´×÷ÎªÌæ´úHTML¡£ÕâÖÖ×ö·¨ºÜ·½±ãµÄ£¬Èç¹ûÄãÒªÌæ»»¶à¸öÔªËØµÄÄÚÈÝ£¬¶øÇÒ²»ÏëÏñÉÏÃæÄÇÃÇ»»³ÉÏàͬµÄÄÚÈÝ£¬¶øÊÇ»»³É²»Í¬µÄÄÚÈÝ£¬ÄÇôÎÒÃǾͿÉÒÔʹÓÃÕâÖÖ·½·¨£¬¸ù¾ÝÔªËØ×Ô¼ºµÄλÖûòÏÖÓеÄÄÚÈÝ£¨»òÕßÁ½Õßͬʱ£©À´¸ø¶à¸öÔªËØÌæ»»³É²»Í¬µÄhtmlÄÚÈÝ¡£ÎÒÃÇÀ´¿´Ò»¸öʵÀý£º
HTML Markup
<div> <p><a href="#">ÎÒÔÚµÚÒ»¸öPÀïÃæ</a></p> <p><a href="#">W3CPLUS</a></p> </div>jQuery Code:
$(document).ready(function(){ $("div.demo p").html(function(index,oldHtml){ return "ÎÒÊǶÎÂä" + (index+1) + "£º" + oldHtml; }); });Ч¹û£º
Ç°ÃæµÄ.html()·½·¨ÈÃÄã¿ÉÒÔ¶ÁÈ¡»òÐÞ¸ÄÔªËØµÄHTMLÄÚÈÝ¡ª¡ª°üÀ¨ÔªËصÄHTML±êÇ©£»¶øjQueryÖеÄ.text()·½·¨½ö½öÊǶÔÔªËØµÄ´¿Îı¾µÄ²Ù×÷¡£ËûºÍ.html()·½·¨Ò»Ñù°üº¬ÁËÈýÖÖʹÓ÷½·¨£º
1¡¢¶ÁÈ¡Îı¾ÄÚÈÝ¡ª¡ª.text()
Óï·¨£º
$("Element").text();·µ»ØÖµ£º·µ»Ø×Ö·û´®£»
˵Ã÷£º
¡¡