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