jQuery 添加选中属性

jQuery是一个快速、简洁的JavaScript库，提供了简化HTML文档遍历、事件处理、动画效果和AJAX交互的方法。本文将介绍如何使用jQuery来添加选中属性。

语法

使用jQuery给元素添加选中属性的语法如下：

$(selector).prop('selected', true);

• selector为CSS选择器，用于选择要添加选中属性的元素。
• 'selected'为属性名，表示选中状态。
• true为属性值，表示选中。

示例

以下是一个示例，演示如何使用jQuery给下拉框的选项添加选中属性：

<select id="mySelect">
  <option value="">请选择</option>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  // 通过值选择选项2
  $('#mySelect').val('2').prop('selected', true);
});
</script>

在这个示例中，我们使用$('#mySelect')选择了id为mySelect的下拉框元素，并使用.val('2')给它设置了值为2的选项为选中状态，然后使用.prop('selected', true)添加了选中属性。

注意事项

• 在使用jQuery之前，必须先引入jQuery库文件。
• 在给元素添加选中属性之前，必须先选择需要添加选中属性的元素。

希望这个介绍对你有帮助！