jQuery | [属性^=值] 选择器

[attribute^=value]选择器用于选择所有具有由attribute 参数指定的给定属性的元素，该属性以value 参数指定的单词开头。

句法：

$("[attribute^='value']")

参数：此选择器包含两个参数，如下所示：

• 属性：用于指定需要选择的属性（任何html元素）。
• value：它包含每个选定元素的值应从其开始的字符串。

返回值：它返回所有选定元素的数组。

示例 1：本示例使用 [attribute^=value] 选择器来选择类名以 top 开头的元素。

      

    
        jQuery [attribute^=value] Selector
    
      
    
    

  

    
        Welcome to GeeksforGeeks
    
      
    
        A Computer Science portal for geeks. It
        contains well written, well thought and well
        explained computer science and
        programming articles 
    
  
    
        Competitive programming is not tough.
    
      
    
        Every one should learn Programming.
    
      
    
    
        $(document).ready(function() {
            var select = $("[class^='top']")
            select.css({
                background:"green"
            })
        });
    

                    

输出：

示例 2：本示例使用 [attribute^=value] 选择器来选择类名以 top 开头的元素。

      

    
        jQuery [attribute^=value] Selector
    
      
    
        div{
            width: 50px;
            height:50px;
            background-color: yellow; 
            margin: 20px;
        }
    

  

      
    
    
        One
    
      
    
        Two
    
      
    
        Three
    
  
    
        Four
    
    
        Five
    
  
    
    
      
    
    
        $(document).ready(function() {
            var select = $("[class^='top']");
            select.css({
                background: "green"
            });
        });
    

  
                    

输出：