<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function appendText()
{
var txt1="<p>Text.</p>"; // Create text with HTML
var txt2=$("<p></p>").text("Text."); // Create text with jQuery
var txt3=document.createElement("p");
txt3.innerHTML="Text."; // Create text with DOM
$("body").append(txt1,txt2,txt3); // Append new elements
}
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button onclick="appendText()">Append text</button>
</body>
</html>

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

您可能感興趣的文章:

相關(guān)文章

jquery統(tǒng)計(jì)復(fù)選框選中示例
在jquery中如果我們要獲取選中的checkbox我們可以input:checked,然后獲取選中checkbox個(gè)數(shù)量時(shí)我們可以使用jQuery的size()方法或length屬性來(lái)判斷就行了
2013-11-11
jquery 設(shè)置style:display的方法
這篇文章主要介紹了jquery 設(shè)置style:display的方法,需要的朋友可以參考下
2015-01-01
EasyUI學(xué)習(xí)之DataGird分頁(yè)顯示數(shù)據(jù)
這篇文章主要介紹了EasyUI學(xué)習(xí)之DataGird分頁(yè)顯示數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
基于jQuery實(shí)現(xiàn)無(wú)縫輪播與左右點(diǎn)擊效果
在網(wǎng)頁(yè)中我們經(jīng)常會(huì)用到無(wú)縫輪播左右循環(huán)效果，今天腳本之家小編給大家?guī)?lái)了基于jQuery實(shí)現(xiàn)無(wú)縫輪播與左右點(diǎn)擊效果，感興趣的朋友參考下吧
2018-05-05
jQuery實(shí)現(xiàn)條件搜索查詢(xún)、實(shí)時(shí)取值及升降序排序的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)條件搜索查詢(xún)、實(shí)時(shí)取值及升降序排序的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素屬性操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-05-05
詳解jQuery中的prop()使用方法
prop() 方法應(yīng)該用于檢索屬性值，例如 DOM 屬性，如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected，這里腳本之家小編就為大家介紹一下啊
2020-01-01
jQuery中ajax的相關(guān)知識(shí)點(diǎn)匯總
這篇文章主要給大家介紹了關(guān)于jQuery中ajax相關(guān)知識(shí)點(diǎn)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-03-03
jquery ui resize 中border-box的bug修正
本文給大家分享的是jQuery ui resize中的一個(gè)樣式的小bug的解決方法，官方并沒(méi)有修復(fù)，這里推薦給大家，有需要的小伙伴可以參考下。
2015-04-04
jQuery中offsetParent()方法用法實(shí)例
這篇文章主要介紹了jQuery中offsetParent()方法用法,實(shí)例分析了offsetParent()方法的功能、定義及返回匹配元素所有祖先元素中第一個(gè)采用定位的祖先元素時(shí)的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery滿(mǎn)屏焦點(diǎn)圖左右滾動(dòng)特效代碼分享
這篇文章主要介紹了jQuery滿(mǎn)屏焦點(diǎn)圖左右滾動(dòng)特效，一段精致的焦點(diǎn)圖輪播代碼，有需要的小伙伴可以參考下。
2015-09-09