如何使用 jQuery 检测和更改 div 的内容/样式？

可以使用 jQuery on() 方法检测对 div 的 html/text 的更改。 on() 用于为 DOM 树中的选定元素和子元素附加一个或多个事件处理程序。 on() 方法替换了 jQuery 1.7 版中的 bind()、live() 和 delegate() 方法。

句法：

$(selector).on(event, childSelector, data, function, map)

示例 1：此示例使用 jQuery on() 方法更改

元素的文本。

      

    
        How to detect and change the
        content of a div using JQuery ?
    
      
    
    
      
    
        #div1 { 
            font-size: 35px; 
            color:green;
            text-align:center;
        } 
    
      
    
        $(document).ready(function(){
            $("div").on("click", function(){
                document.getElementById("div1").innerHTML
                    = "A computer science portal for geeks"; 
            });
        });
    

  

    GeeksforGeeks!

  

输出：

• 单击 div 元素之前：
  
• 单击 div 元素后：
  

示例 2：此示例使用 jQuery on() 方法更改

元素的样式。

      

    
        How to detect and change the
        style of a div using JQuery?
    
      
    
    
      
    
        #div1 { 
            font-size: 35px; 
            color:green;
            text-align:center;
        } 
    
      
    
        $(document).ready(function(){
            $("div").on("click", function(){
                document.getElementById("div1").style.color
                            = "white"; 
                              
                document.getElementById("div1").style.backgroundColor
                            = "green"; 
            });
        });
    

  

    Welcome to GeeksforGeeks!!!
 
  

输出：

• 单击 div 元素之前：
  
• 单击 div 元素后：