jQuery使用after()方法在元素後面加入多項內容的方法

首頁

web前端

js教程

jQuery使用after()方法在元素後面加入多項內容的方法_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:07 PM

after()方法 jquery 元素內容添加

本文實例講述了jQuery使用after()方法在元素後面添加多項內容的方法。分享給大家供大家參考。具體分析如下：

jQuery可透過after()方法在元素後面增加多項內容，after()可以帶多個參數，在指定元素後面增加多項內容

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function afterText()
{
var txt1="<b>I </b>"; // Create element with HTML
var txt2=$("<i></i>").text("love "); // Create with jQuery
var txt3=document.createElement("big"); // Create with DOM
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // Insert new elements after img
}
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button onclick="afterText()">Insert after</button>
</body>
</html>

登入後複製

希望本文所述對大家的jQuery程式設計有所幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1662

CakePHP 教程

1418

Laravel 教程

1311

PHP教程

1261

C# 教程

1234

Related knowledge

米家怎麼加電視 Mar 25, 2024 pm 05:00 PM

許多用戶在現代生活中越來越青睞小米智慧家庭互聯的電子生態，那麼連接米家APP後，你就可以輕鬆用手機來控制連接設備，但是很多用戶們還不知如何將自己的家居添加米家app中，那麼這篇教學攻略將為大家帶來具體連接方法步驟攻略，希望能幫助到各位有需要的小夥伴們。 1.下載米家APP後，建立或登入小米帳號。 2.添加方法：當全新的設備通電後，將手機靠近設備並打開小米電視，正常情況下會彈出連接提示，選擇“確定”即進入設備連接流程。若無提示彈出，也可以手動新增設備，方法是：進入智慧型家庭APP後，點選左下方第1

Microsoft Edge瀏覽器開啟是360導航怎麼改-更改開啟是360導航的方法 Mar 04, 2024 pm 01:50 PM

怎麼更改MicrosoftEdge瀏覽器打開是360導航的頁面呢?其實很簡單，那麼現在小編就和大家一起分享關於更改MicrosoftEdge瀏覽器打開是360導航頁面的方法，有需要的朋友可以來看看哦，希望可以幫助大家。開啟MicrosoftEdge瀏覽器。我們看到是下圖這種頁面。點擊右上角的三點圖示。點選“設定”。在設定頁面的左側欄裡點選「啟動時」。點選右側欄裡的圖中示意的三點(不要能點選「開啟新標籤頁」)，然後點選編輯，將網址改成「0」(或其他無意義的數字)。然後點選「儲存」。接下來，選擇“

Tampermonkey怎麼加入新腳本-Tampermonkey怎麼刪除腳本 Mar 18, 2024 pm 12:10 PM

Tampermonkey油猴Chrome擴充功能是一款使用者腳本管理插件，透過腳本提高了使用者的效率和瀏覽體驗，那麼Tampermonkey要怎麼加入新腳本呢？怎麼刪除腳本呢？下面就讓小編給大家解答吧!Tampermonkey怎麼加入新腳本：1、這裡拿GreasyFork來舉例子，打開GreasyFork網頁，輸入要按照的腳本，小編這裡選擇的一鍵離線下載2、選擇一個腳本，進入腳本頁面後可以看到安裝此腳本的按鈕3、點選安裝此腳本，來到安裝介面。這裡點擊安裝就可以了4、我們可以在以安裝的腳本中看到安裝好的一鍵

jQuery中如何使用PUT請求方式？ Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT請求方式？在jQuery中，發送PUT請求的方法與發送其他類型的請求類似，但需要注意一些細節和參數設定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發送PUT請求：$.ajax({u

Cheat Engine如何設定中文？ Cheat Engine設定中文方法 Mar 13, 2024 pm 04:49 PM

　　CheatEngine是一款遊戲編輯器，能夠對遊戲的記憶體進行編輯修改。但是它的預設語言是非中文的，對於很多小夥伴來說比較不方便，那麼CheatEngine怎麼設定中文呢？今天小編就跟大家詳細介紹一下CheatEngine設定中文的方法，希望可以幫助到你。　　設定方法一　　1、雙擊開啟軟體，點選左上角的「edit」。　　2、接著點選下方選項清單中的「settings」。　　3、在開啟的視窗介面中，點選左側欄中的“languages”

Outlook卡在新增帳戶[修復] Mar 23, 2024 pm 12:21 PM

當您在Outlook中新增帳戶時遇到問題時，可以嘗試以下解決方案來解決。通常這可能是由網路連線故障、使用者設定檔損壞或其他暫時性問題引起的。透過本文提供的方法，您可以輕鬆解決這些問題，確保您的Outlook能夠正常運作。 Outlook卡在新增帳戶如果您的Outlook在新增帳戶時卡住，請使用下面提到的這些修復程式：中斷並重新連接網路暫時停用防毒軟體建立新的Outlook設定檔嘗試在安全模式下新增帳戶停用IPv6運行Microsoft支援和恢復助理修復辦公室應用程式Outlook新增帳戶需

jQuery小技巧：快速修改頁面所有a標籤的文本 Feb 28, 2024 pm 09:06 PM

標題：jQuery小技巧：快速修改頁面所有a標籤的文字在網頁開發中，我們經常需要對頁面中的元素進行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標籤的文字內容，這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本，同時給出具體的程式碼範例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：&lt

使用jQuery修改所有a標籤的文字內容 Feb 28, 2024 pm 05:42 PM

標題：使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網頁開發中，經常會遇到需要修改頁面上連結標籤（a標籤）的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標，並提供具體的程式碼範例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：

See all articles

jQuery使用after()方法在元素後面加入多項內容的方法_jquery

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題