jQuery操作HTML代碼方法介紹
html()可以對(duì)HTML代碼進(jìn)行操作,類似于元素JavaScript中的innerHTML。
例如:
示例:
<!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 html=$("div.left").html(); alert(html); }); $("#btnSet").click(function(){ var html=$("div.left").html("<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"/> <br /> </div> </div> <input type="button" id="btnGet" value="獲取html()內(nèi)容" style="margin-right:10px;" /> <input type="button" id="btnSet" value="單擊改變內(nèi)容" /> </body> </html>
效果:
到此這篇關(guān)于jQuery操作HTML代碼的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jquery中dom操作和事件的實(shí)例學(xué)習(xí) 仿yahoo郵箱登錄框的提示效果
最近把jquery中的dom操作和jquery中的事件和動(dòng)畫的方法都大體測了一下。本來想細(xì)細(xì)的把每個(gè)方法都寫出來介紹下2011-11-11jQuery實(shí)現(xiàn)的事件綁定功能基本示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的事件綁定功能,結(jié)合簡單表單驗(yàn)證實(shí)例分析了jQuery事件綁定的實(shí)現(xiàn)與使用方法,需要的朋友可以參考下2017-10-10利用jQuery插件imgAreaSelect實(shí)現(xiàn)獲得選擇域的圖像信息
本篇文章主要對(duì)jQuery插件imgAreaSelect實(shí)現(xiàn)獲得選擇域的圖像信息的方法做了簡要分析說明。需要的朋友來看下吧,希望對(duì)大家有所幫助2016-12-12jQuery實(shí)現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法,涉及jQuery針對(duì)頁面元素與樣式的操作技巧,需要的朋友可以參考下2015-06-06jQuery 實(shí)現(xiàn)自動(dòng)填充郵箱功能(帶下拉提示)
本文用 jQuery 實(shí)現(xiàn)一個(gè)用戶輸入字符時(shí)出現(xiàn)能夠提示郵箱后綴名的下拉菜單,并且在選擇下拉菜單中的郵箱后綴名后可自動(dòng)填充未完成的輸入框。2014-10-10jQuery實(shí)現(xiàn)點(diǎn)擊按鈕文字變成input框點(diǎn)擊保存變成文字
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕文字變成input框點(diǎn)擊保存變成文字的相關(guān)資料,非常具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05