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>
免责声明:内容仅供参考,不保证正确性!