📅  最后修改于: 2023-12-03 15:16:46.796000             🧑  作者: Mango
:selected
选择器用于选取被选中的元素。当使用 select
元素时,用户可能会选中其中的选项,这些选项就是被选中的元素。
:selected
<select>
<option value="apple">Apple</option>
<option value="banana" selected>Banana</option>
<option value="orange">Orange</option>
<option value="kiwi">Kiwi</option>
</select>
$('select option:selected').text(); // 返回 "Banana"
上面的代码中,:selected
选择器用于选取被选中的 option
元素,text()
方法用于获取选中的选项的文本内容。
option
元素上。select
元素中有多个选项被选中时,该选择器只会选取第一个被选中的选项。如果需要获取所有被选中的选项,可以使用 .each()
方法来遍历选中的选项。:selected
选择器是一个非常实用的选择器,可以方便地获取到被选中的选项,可以在处理表单数据或者构建用户界面的时候帮助我们更方便地操作DOM元素。要注意的是,该选择器只能用在 option
元素上。