jQuery中DOM 屬性使用實例詳解下篇
更新時間：2022年08月30日 16:14:20 作者：RiemannHypoth
這篇文章主要為大家介紹了jQuery中DOM 屬性使用實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
DOM屬性(下)
.html()
獲取集合中第一個匹配元素的HTML內(nèi)容
在一個 HTML 文檔中, 我們可以使用 .html() 方法來獲取任意一個元素的內(nèi)容。 如果選擇器匹配多個元素，那么只有第一個匹配元素的 HTML 內(nèi)容會被獲取。
$('div.demo-container').html();
html()方法還可以設(shè)置每一個匹配元素的html內(nèi)容。
我們可以使用 .html() 來設(shè)置元素的內(nèi)容，這些元素中的任何內(nèi)容會完全被新的內(nèi)容取代。
$('div.demo-container').html('<p>All new content. <em>You bet!</em></p>');
.val()
獲取匹配的元素集合中第一個元素的當(dāng)前值或設(shè)置匹配的元素集合中每個元素的值。主要用于<input>標(biāo)簽
獲取內(nèi)容
$(".input").val();
設(shè)置內(nèi)容
$(".input").val("username")
.attr()
獲取匹配的元素集合中的第一個元素的屬性的值 或 設(shè)置每一個匹配元素的一個或多個屬性。
.attr()方法只獲取第一個匹配元素的屬性值。
使用 jQuery的 .attr() 方法得到了一個元素的屬性值主要有兩個好處：
- 方便：它可以直接被jQuery對象訪問并且鏈?zhǔn)秸{(diào)用其他jQuery方法。
- 瀏覽器兼容：一些屬性在不同瀏覽器中得到不同的值。 甚至在同一個瀏覽器的不同版本中。 .attr() 方法減少了兼容性問題。
<!DOCTYPE html>
<html>
<head>
<style>
img { padding:10px; }
div { color:red; font-size:24px; }
</style>
<script src="./jquery-3.6.0.min.js"></script>
</head>
<body>
<img />
<img />
<img />
<div><B>Attribute of Ajax</B></div>
<script>
$("img").attr({
src: "images/hat.gif",
title: "jQuery",
alt: "jQuery Logo"
});
$("div").text($("img").attr("alt"));
</script>
</body>
</html>
.removeAttr()
為匹配的元素集合中的每個元素中移除一個屬性（attribute）。
input.removeAttr("title")以上就是jQuery中DOM 屬性使用實例詳解下篇的詳細(xì)內(nèi)容，更多關(guān)于jQuery DOM 屬性的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本篇文章分享了基于jQuery實現(xiàn)的幻燈圖片切換效果的部分代碼。感興趣的朋友可以下載實例運(yùn)行，下面就跟小編一起來看看吧2016-12-12
這篇文章給大家介紹基于jquery實現(xiàn)的扇形定時器，涉及到pietimer知識點的學(xué)習(xí)，對jquery定時器感興趣的朋友一起了解了解吧2015-10-10
這篇文章主要介紹了jquery實現(xiàn)圖片左右切換的方法,設(shè)計jQuery操作頁面元素及對應(yīng)樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)全選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這里給大家分享的效果是像百度的搜索框一樣，當(dāng)用戶在文本框輸入前幾個字母或是漢字的時候,該控件就能從存放數(shù)據(jù)的文或是數(shù)據(jù)庫里將所有以這些字母開頭的數(shù)據(jù)提示給用戶,供用戶選擇,提供方便，增加用戶體驗。2015-07-07
jquery滾動組件(vticker.js)實現(xiàn)頁面動態(tài)數(shù)據(jù)的滾動效果
本文為大家想你想介紹下jquery實現(xiàn)頁面動態(tài)數(shù)據(jù)的滾動效果。似乎只有通過div-ul-li標(biāo)簽嵌套的方式才能實現(xiàn)表格多行多列的滾動效果2013-07-07
這篇文章主要介紹了jQuery實現(xiàn)每隔幾條元素增加1條線的方法,可實現(xiàn)每隔10條li元素增加一條虛線的功能,涉及jQuery元素的匹配與屬性動態(tài)設(shè)置技巧,需要的朋友可以參考下2016-06-06
可輸入文字查找ajax下拉框控件 ComBox的實現(xiàn)方法
下面小編就為大家?guī)硪黄奢斎胛淖植檎襛jax下拉框控件 ComBox的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了jQuery Raty星級評分插件使用方法,結(jié)合實例形式分析了jquery Raty星級評分插件的下載、調(diào)用、基本屬性及相關(guān)使用技巧,需要的朋友可以參考下2019-11-11
jQuery實現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果,可實現(xiàn)通過下方的滑塊拖動控制圖片旋轉(zhuǎn)的功能,涉及jQuery操作頁面元素樣式動態(tài)變換的技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01