標籤：
1、結論：
2、對待屬性值為true 或者false類的元素：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="checkbox" id="text" checked="true" /></body><script src="libs/jquery-1.8.3.min.js"></script><script type="text/javascript"> $(function(){ var btn = $("#text"); var str = btn.attr("checked"); var str2 = btn.prop("checked"); console.log(str2); // true console.log(str); //checked });</script></html>
如所示、傳回值不一樣！
3、擷取自訂屬性？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="box" name="bb">div</div></body><script src="libs/jquery-1.8.3.min.js"></script><script type="text/javascript"> $(function(){ var btn = $("#box"); var str1 = btn.attr("name"); var str2 = btn.prop("name"); console.log(str1); //bb console.log(str2); //undefined // 使用attr可以擷取自訂屬性 // 使用prop無法擷取自訂屬性 });</script></html>
jQuery基礎：prop（）與attr（）的區別
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
