jQuery Îĵµ²Ù×÷ - replaceAll() ·½·¨

ʵÀý

ÓôÖÌåÎı¾Ì滻ÿ¸ö¶ÎÂ䣺

$(".btn1").click(function(){
   $("p").replaceAll("<b>Hello world!</b>");
});

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

replaceAll() ·½·¨ÓÃÖ¸¶¨µÄ HTML ÄÚÈÝ»òÔªËØÌæ»»±»Ñ¡ÔªËØ¡£

Ìáʾ£ºreplaceAll() Óë replaceWith() ×÷ÓÃÏàͬ¡£²îÒìÔÚÓÚÓï·¨£ºÄÚÈݺÍÑ¡ÔñÆ÷µÄλÖã¬ÒÔ¼° replaceWith() Äܹ»Ê¹Óú¯Êý½øÐÐÌæ»»¡£

Óï·¨

$(content).replaceAll(selector)
²ÎÊý ÃèÊö
content

±ØÐè¡£¹æ¶¨Ìæ»»±»Ñ¡ÔªËصÄÄÚÈÝ¡£

¿ÉÄܵÄÖµ:

  • HTML ´úÂë - ±ÈÈç ("<div></div>")
  • ÐÂÔªËØ - ±ÈÈç (document.createElement("div"))
  • ÒÑ´æÔÚµÄÔªËØ - ±ÈÈç ($(".div1"))

ÒÑ´æÔÚµÄÔªËØ²»»á±»Òƶ¯£¬Ö»»á±»¸´ÖÆ£¬²¢°ü¹ü±»Ñ¡ÔªËØ¡£

selector ±ØÐè¡£¹æ¶¨ÒªÌæ»»µÄÔªËØ¡£

Ç××ÔÊÔÒ»ÊÔ - ʵÀý

ʹÓÃÐÂÔªËØÀ´Ìæ»»ÔªËØ
ʹÓà document.createElement() À´´´½¨Ò»¸öÐ嵀 DOM ÔªËØ£¬È»ºóÓÃËüÌæ»»±»Ñ¡ÔªËØ¡£
VUE