jQuery | :selected 选择器

:selected 选择器用于选择那些预先选择的选项元素。

注意：要仅检索复选框或单选按钮，请使用 :checked 选择器。

句法：

$(":selected")

下面的例子说明了 jQuery 中的 :selected 选择器：

示例 1：此示例对所有预选元素使用 CSS 属性。预选元素的背景颜色为红色，由 :selected 选择器更改。

  
  
  
 
     
        jQuery | :selected Selector
    
      
    
    
      
    
    
        $(document).ready(function() {
            $(":selected").css("background-color", "green");
            $(":selected").css("color", "white");
        });
    
      
    
    
        option {
            font-weight: bold;
            font-size: 25px;
            color: green;
        }
        select {
            font-weight: bold;
            font-size: 25px;
            color: green;
        }
    
 
  
  
  
      
        jQuery | :selected Selector
      
          
    
        GFG_1
        GFG_2
        GFG_3
        GFG_4
    
  
  
   

输出：

示例 2：此示例与前一个示例类似。

  
  
  
 
     
        jQuery | :selected Selector
    
  
    
    
      
    
    
        $(document).ready(function() {
            $(":selected").css("background-color", "green");
        });
    
      
    
        option {
            font-weight: bold;
            font-size: 25px;
        }
        select {
            font-weight: bold;
            font-size: 25px;
        }
    
 
  
  
      
        jQuery | :selected Selector
      
      
    
        Computer Network
        Data Structure
        Algorithm
        Operating System
    
  
  
     

输出：