jQuery中replaceAll()方法用法實(shí)例

更新時(shí)間：2015年01月16日 14:42:12 投稿：shichen2014

這篇文章主要介紹了jQuery中replaceAll()方法用法,實(shí)例分析了replaceAll()方法的功能、定義及匹配元素去替換指定內(nèi)容的方法,需要的朋友可以參考下

本文實(shí)例講述了jQuery中replaceAll()方法用法。分享給大家供大家參考。具體分析如下：

此方法用匹配元素去替換指定的內(nèi)容。
replaceAll()方法的作用和replaceWith()方法是完全一樣的。

語法結(jié)構(gòu):

復(fù)制代碼代碼如下:

$(content).replaceAll(selector)

參數(shù)列表:

參數(shù)	描述
content	用于替換的內(nèi)容。
selector	用于查找所要被替換的元素

實(shí)例實(shí)例:

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://m.fzitv.net/" />

<title>腳本之家</title>

<style type="text/css">

div{

  width:100px;

  height:100px;

  border:1px solid blue;

}

p{

  width:150px;

  height:150px;

  border:1px solid red;

}

</style>

<script src="jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("<div>這是div元素</div>").replaceAll("p");

  });

});

</script>

</head>

<body>

<p>這是p元素</p>

<p>這是p元素</p>

<p>這是p元素</p>

<button>用div包裹每個(gè)段落</button>

</body>

</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

深入淺出 jQuery中的事件機(jī)制
本文重點(diǎn)給大家介紹jquery中的事件機(jī)制，涉及到onload和ready兩者的區(qū)別介紹，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧
2016-08-08
jQuery中hide()方法用法實(shí)例
這篇文章主要介紹了jQuery中hide()方法用法,以實(shí)例形式較為詳細(xì)的分析了hide()方法的定義、功能與使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
對(duì)于this和$(this)的個(gè)人理解
this指的是javascript對(duì)象而$(this)就是就jquery對(duì)象，不懂的朋友可以看看本文
2013-09-09
jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)背景變化的動(dòng)態(tài)菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)背景變化的動(dòng)態(tài)菜單效果代碼,涉及jquery鼠標(biāo)mouseover事件操作頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
JSON JQUERY模板實(shí)現(xiàn)說明
用JSON從服務(wù)器端返回?cái)?shù)據(jù)已是大家公認(rèn)的標(biāo)準(zhǔn),因?yàn)樗绦【?使用方便.
2010-07-07
推薦10款最熱門jQuery UI框架
在進(jìn)行Web開發(fā)時(shí)，并非所有的庫都適合你的項(xiàng)目，但你仍需要收藏一些Web UI設(shè)計(jì)相關(guān)的庫或框架，以在你需要的時(shí)候，加快你的開發(fā)效率。本文為你推薦10款非常優(yōu)秀的基于JQuery的Web UI設(shè)計(jì)框架
2014-08-08
用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載
這篇文章主要介紹了用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載，jQuery的ajax異步實(shí)現(xiàn)數(shù)據(jù)交互的相關(guān)技巧,并提供了完整示例demo供讀者參考,需要的朋友可以參考下
2016-11-11
jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼
這篇文章主要介紹了jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2017-01-01
jQuery的DOM操作之刪除節(jié)點(diǎn)示例
如果文檔中某一個(gè)元素多余，那么應(yīng)將其刪除。jQuery提供了兩種刪除節(jié)點(diǎn)的方法，remove()方法和empty()方法下面為大家詳細(xì)介紹下
2014-01-01
用jQuery實(shí)現(xiàn)抽獎(jiǎng)程序
這篇文章主要為大家詳細(xì)介紹了用jQuery實(shí)現(xiàn)抽獎(jiǎng)程序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-04-04