jQuery: prop() 操作布尔类型的属性

1. attr() 无法操作布尔类型的属性

---

无论元素的布尔类型的属性为 true 还是 false，attr() 方法都不能操作这些属性。

<input type="checkbox" id="checkbox" />
<select id="myOption">
    <option value="1">Aoption>
    <option value="2">Boption>
    <option value="3">Coption>
select>
<button onclick="getAttr()">获取属性值button>
<script>
    function getAttr() {
      
        console.log($("#checkbox").attr("checked"));
        console.log($("#myOption option:eq(0)").attr("selected"));
        console.log($("#myOption option:eq(1)").attr("selected"));
        console.log($("#myOption option:eq(2)").attr("selected"));
    }
script>

结果如下

2. prop() 操作布尔类型的属性

---

jQuery1.6 之后，布尔类型的属性只能用 prop() 方法操作。

<input type="checkbox" id="checkbox" />
<select id="myOption">
    <option value="1">Aoption>
    <option value="2">Boption>
    <option value="3">Coption>
select>
<button onclick="getAttr()">获取属性值button>

<script>
    function getAttr() {
      
        console.log($("#checkbox").prop("checked"));
        console.log($("#myOption option:eq(0)").prop("selected"));
        console.log($("#myOption option:eq(1)").prop("selected"));
        console.log($("#myOption option:eq(2)").prop("selected"));
    }
script>

结果如下