腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國CMS WordPress

常用工具

PHP開發(fā)工具 python Photoshop 必備軟件

jQuery中DOM 屬性使用實(shí)例詳解下篇

更新時(shí)間：2022年08月30日 16:14:20 作者：RiemannHypoth

這篇文章主要為大家介紹了jQuery中DOM 屬性使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

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('&lt;p&gt;All new content. &lt;em&gt;You bet!&lt;/em&gt;&lt;/p&gt;');

.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>