📜  jQuery |多个 ID 选择器

📅  最后修改于: 2021-11-24 05:33:51             🧑  作者: Mango

给定一个 HTML 文档,任务是使用 JQuery 同时选择具有不同 ID 的元素。

方法:

  • 选择不同元素的 ID,然后使用 each() 方法将 CSS 属性应用于所有选定 ID 的元素。
  • 然后使用 css() 方法将所有选定元素的背景颜色设置为粉红色。
  • 显示指示多个 ID 选择器的文本。

示例 1:在此示例中,选择不同 ID 的元素并更改这些元素的背景颜色。

 
 
     
         
            JQuery | Multiple ID selectors
        
      
        
          
        
     
  
     
          
        

              GeeksForGeeks          

                   

        

                   
            This is Div box.         
        
                                       

        

                                               

输出:

  • 在点击按钮之前:
  • 点击按钮后:

示例 2:在此示例中,选择了不同 ID 的元素并更改了这些元素的文本颜色。

 
 
     
         
            JQuery | Multiple ID selectors
        
      
        
          
        
     
  
     
          
        

              GeeksForGeeks          

                   

        

                   
            This is Div box.         
        
                                       

        

                                               

输出:

  • 在点击按钮之前:
  • 点击按钮后:

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。