jQuery :selected 选择器

实例

在下拉列表中选择预选的项:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $(":selected").css("background-color", "red");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <form action="">
  13. Name: <input type="text" name="user"><br>
  14. Car:
  15. <select>
  16. <option>Volvo
  17. <option selected="selected">Saab
  18. <option>Mercedes
  19. <option>Audi
  20. </select>
  21. </form>
  22. </body>
  23. </html>

定义与用法

:selected 选择器选择预选的选项元素。

注意: 此选择器在复选框或单选按钮上不起作用。可以使用 :checked 选择器代替。


语法

  1. $(":selected")

分类导航