jQuery :selected选择器

:selected选择器语法

$(“:selected”)

:selected选择器语法解析

jQuery中:selected选择器用于选择设置了selected属性的元素,比如select元素标签中的option选项标签,具体可参考下方的实例代码。

:selected选择器实例代码

如下代码,通过:selected选择器选择select元素中的默认选项,即设置了selected属性的option元素,并设置字体颜色为green,如果在线运行之后,发现select元素中的option的元素的字体样式没有发生改变,可以点击右侧下拉按钮,并通过鼠标将悬停在其它的选项上,再查看:

<select>
  <option>jQuery</option>
  <option selected>JavaScript</option>
</select>


<button id="test" type="button">确定</button>

<script>
$("#test").click(function(){
  $(":selected").css("color","green")
})
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.