jQuery實現的將指定元素中的內容替換
本章節通過程式碼例項介紹一下如何利用jQuery將指定元素中的內容替換。
如果是使用文字內容替換的話,可以使用text()函式。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#antzone").text("softwhy.com"); }) </script> </head> <body> <div id="antzone">螞蟻部落</div> </body> </html>
上面你的程式碼實現了替換內容,非常的簡單。
如果想要將指定元素中內容替換為html內容,就可以使用html(),程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> p{color:green} </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#antzone").html("<p>softwhy.com</p>"); }) </script> </head> <body> <div id="antzone">螞蟻部落</div> </body> </html>
上面的程式碼也實現替換功能。
當然替換的形式是多種多樣的,比如還有一個replaceWith()函式,具體參閱jQuery replaceWith()一章節。
相關文章
- js實現的替換字串中的全部指定內容JS字串
- 利用jquery實現的向指定元素追加指定內容jQuery
- jquery實現的設定指定元素的文字內容和html內容jQueryHTML
- javascript如何替換字串中的指定內容JavaScript字串
- js替換字串中的所有指定內容JS字串
- js實現的對字串中的指定內容進行替換操作JS字串
- 使用jquery清空指定元素中的所有內容jQuery
- jquery獲取具有指定內容的元素jQuery
- 替換文字檔案中指定的內容
- JavaScript 替換字串全部指定內容JavaScript字串
- 點選實現選中指定元素的文字內容
- Nginx實現對響應體內容的替換Nginx
- 如何在MySQL中實現替換欄位部分內容MySql
- 行內元素與塊狀元素 行內替換元素與行內非替換元素的區別
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- Sql Server 替換某一列中指定的文字內容SQLServer
- linux批量替換指定資料夾中所有檔案的指定內容Linux
- nginx使用replace-filter-nginx-module實現內容替換的示例NginxFilter
- js字串中替換指定的的字元JS字串字元
- JQuery中判斷元素中是否有內容jQuery
- nginx使用replace-filter-nginx-module實現內容替換NginxFilter
- 將url中的指定引數替換的javascript程式碼例項JavaScript
- vim內替換檔案內容
- mysql 如何替換資料表欄位字串中指定單詞的內容MySql字串
- jQuery如何清空表單元素的內容jQuery
- linux替換文字內容Linux
- HTML 替換元素與非替換元素HTML
- js如何動態為指定的元素新增內容JS
- javascript刪除具有指定文字內容的li元素JavaScript
- 替換空格 將一個字串中的空格替換成“ ”字串
- jquery實現改變所匹配的內容jQuery
- jQuery元素內容操作的方法有多少種?jQuery
- jQuery實現的刪除指定子元素程式碼例項jQuery
- Java實現將txt中的內容寫入到excel中JavaExcel
- jQuery實現對陣列元素的轉換效果jQuery陣列
- 批次word文件內容查詢替換的方法
- Linux給檔案內容每行指定字元資料脫敏替換Linux字元
- PHP 實現自動新增或者替換 內容的IMG標籤的 alt title 屬性PHP