jQuery Selected 默认选中
在Web开发中，经常会遇到需要默认选中某个选项的情况。jQuery是一个流行的JavaScript库，它可以帮助我们轻松操作DOM元素并实现各种功能。在本文中，我们将介绍如何使用jQuery来实现选项默认选中的功能。
为什么需要默认选中?
在网页表单中，我们经常会看到下拉框、单选框或复选框等选项，用户需要在这些选项中选择一个或多个。有时候，我们希望在页面加载时就为用户预先选中一个选项，以提高用户体验或默认设置。这时候就需要用到默认选中的功能。
使用jQuery实现默认选中
下面我们将以一个简单的例子来演示如何使用jQuery来实现默认选中的功能。假设我们有一个下拉框，其中有几个选项，我们希望默认选中第二个选项。
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
首先，我们需要引入jQuery库。在html文件的头部添加以下代码：
<script src="
接下来，我们使用jQuery来选中第二个选项。在页面加载完成后，使用下面的代码：
$(document).ready(function(){
$('#mySelect').val('2');
});
上面的代码中，$(document).ready()函数会在页面加载完成后执行里面的代码。$('#mySelect')选中了id为mySelect的下拉框，.val('2')则设置选中值为2。
现在，当页面加载完成后，第二个选项将会被默认选中。
类图
下面是一个简单的类图，展示了我们所使用的jQuery库和mySelect下拉框：
classDiagram
class jQuery {
+ constructor()
+ val()
+ ready()
}
class mySelect {
+ value
}
jQuery <.. mySelect
状态图
下面是一个简单的状态图，展示了页面加载前和加载后mySelect下拉框的状态：
stateDiagram
[*] --> 页面加载前
页面加载前 --> 页面加载后: document ready
页面加载后 --> 默认选中第二个选项
总结
在本文中，我们介绍了如何使用jQuery来实现选项默认选中的功能。通过简单的代码示例，我们展示了如何在页面加载后自动选中某个选项。同时，我们还展示了类图和状态图，帮助读者更好地理解这一过程。
希望本文能对你有所帮助，如果有任何疑问或建议，欢迎留言交流。谢谢阅读！
