在jquery中，可以使用attr()方法來修改指定屬性的值，該方法可以設定被選元素的屬性值，語法「$(selector).attr("屬性名",「屬性值”)”或“$(selector).attr({屬性名:屬性值})”。
本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中，可以使用attr()方法來修改指定屬性的值。
attr() 方法設定或傳回被選元素的屬性值。根據該方法不同的參數，其工作方式也有所差異。
其中設定屬性值的語法：
$(selector).attr(attribute,value) //单个属性/值对
$(selector).attr({attribute:value, attribute:value ...}) //多个属性/值对範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","380");
});
});
</script>
</head>
<body>
<img src="/static/imghwm/default1.png" data-src="img/1.jpg" class="lazy" style="max-width:90%" / alt="jquery怎麼修改指定屬性的值" >
<br />
<button>设置图像的 width 属性</button>
</body>
</html>
##
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr({width:"300",height:"350"});
});
});
</script>
</head>
<body>
<img src="/static/imghwm/default1.png" data-src="img/1.jpg" class="lazy" style="max-width:90%" / alt="jquery怎麼修改指定屬性的值" >
<br />
<button>设置图像的 width 和 height 属性</button>
</body>
</html>
以上是jquery怎麼修改指定屬性的值的詳細內容。更多資訊請關注PHP中文網其他相關文章！
使用HTML5可以播放哪種類型的音頻文件？Apr 30, 2025 pm 02:59 PM本文討論了HTML5音頻格式和跨瀏覽器兼容性。它涵蓋MP3，WAV，OGG，AAC和WebM，並建議使用多個來源和後備以實現更廣泛的可訪問性。
SVG和Canvas HTML5元素之間的區別？Apr 30, 2025 pm 02:58 PMSVG和畫布是Web圖形的HTML5元素。基於向量的SVG擅長可擴展性和交互性，而基於像素的畫布則更適合遊戲等性能密集型應用程序。
＆lt; meter＆gt之間有什麼區別; tag and＆＆＆＆gt;標籤？Apr 30, 2025 pm 02:56 PM本文討論了HTML的＆Lt; Meter＆Gt; ＆＆＆lt;標籤，用於顯示標量值和任務進度。
將以下數據轉換為HTML5中的表格格式？Apr 30, 2025 pm 02:54 PM這是使用HTML5轉換為表格格式的數據，包括響應式設計的示例和策略，造型的最佳實踐以及表格結構中使用的語義HTML5標籤：＆lt;！ doctype html＆gt; ＆lt; html lang =＆
是Lt; Datalist＆gt; tag和＆＆＆＆＆oflect＆gt;標記相同嗎？Apr 30, 2025 pm 02:52 PM本文討論了＆lt; datalist＆gt; gt; ＆＆＆lt; select＆gt;標籤，專注於其功能，用戶互動以及對不同Web開發方案的適用性。
＆lt; tig＆gt; tag和＆＆＆＆img＆gt;標籤？Apr 30, 2025 pm 02:50 PM本文討論了HTML的Lt; gt; gt; ＆＆lt; img＆gt;標籤，專注於他們的目的，用法和語義優勢。主要論點是＆gt; gt;提供更好的結構和訪問
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
EditPlus 中文破解版
體積小，語法高亮，不支援程式碼提示功能
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序，非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具，幫助Web開發人員更好地理解保護網路應用程式的過程，並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞，難度各不相同。請注意，該軟體中
MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具，用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。
SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。
