📜  jQuery | :selected 选择器(1)

📅  最后修改于: 2023-12-03 15:16:46.796000             🧑  作者: Mango

jQuery | :selected 选择器

简介

:selected 选择器用于选取被选中的元素。当使用 select 元素时,用户可能会选中其中的选项,这些选项就是被选中的元素。

语法

:selected

示例
HTML代码
<select>
  <option value="apple">Apple</option>
  <option value="banana" selected>Banana</option>
  <option value="orange">Orange</option>
  <option value="kiwi">Kiwi</option>
</select>
jQuery代码
$('select option:selected').text(); // 返回 "Banana"

上面的代码中,:selected 选择器用于选取被选中的 option 元素,text() 方法用于获取选中的选项的文本内容。

注意事项
  • 该选择器只能用在 option 元素上。
  • 当一个 select 元素中有多个选项被选中时,该选择器只会选取第一个被选中的选项。如果需要获取所有被选中的选项,可以使用 .each() 方法来遍历选中的选项。
总结

:selected 选择器是一个非常实用的选择器,可以方便地获取到被选中的选项,可以在处理表单数据或者构建用户界面的时候帮助我们更方便地操作DOM元素。要注意的是,该选择器只能用在 option 元素上。