jQuery操作文本方法介紹
text()可以獲取或設(shè)置元素的文本內(nèi)容。例如:
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>html()操作</title> <style> *{ margin: 0px; padding: 0px; } input{ display: block; float: left; } </style> <!--引入jQuery--> <script src="../jquery-3.3.1.js"></script> <!--javascript--> <script> $(function(){ $("#btnGet").click(function(){ var text=$("div.left").text(); alert(text); }); $("#btnSet").click(function(){ var html=$("div.left").text("<div style='border:1px solid red;'><p>這是一個(gè)段落</p></div>"); }); }); </script> </head> <body> <div id="mainbox"> <h1>飄飛雨絮</h1> <div class="left"> <img src="../qq.jpg" width="150" height="150"/> <p>上面的圖片是QQ斗地主</p> <br /> </div> </div> <input type="button" id="btnGet" value="獲取text()內(nèi)容" style="margin-right:10px;" /> <input type="button" id="btnSet" value="單擊改變內(nèi)容" /> </body> </html>
效果:
到此這篇關(guān)于jQuery操作文本的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JQuery統(tǒng)計(jì)input和textarea文字輸入數(shù)量(代碼分享)
本文主要介紹了jQuery實(shí)現(xiàn)統(tǒng)計(jì)輸入文字個(gè)數(shù)的方法,具有一定的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12jquery創(chuàng)建一個(gè)ajax關(guān)鍵詞數(shù)據(jù)搜索實(shí)現(xiàn)思路
我們經(jīng)常需要在前臺(tái)頁(yè)面輸入關(guān)鍵詞進(jìn)行數(shù)據(jù)的搜索這已經(jīng)成為了一種習(xí)慣今天給大家分享一下如何使用 jQuery,MySQL和Ajax創(chuàng)建簡(jiǎn)單和有吸引力的Ajax搜索,感興趣的你可不要錯(cuò)過(guò)了哈2013-02-02$("").click與onclick的區(qū)別示例介紹
onclick是綁定事件,click本身是方法作用是觸發(fā)onclick事件,只要執(zhí)行了元素的click()方法,下面有個(gè)示例,大家可以看看2014-09-09輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車的功能,購(gòu)物籃中的物品和價(jià)格也將進(jìn)行更新,感興趣的小伙伴們可以參考一下2015-11-11