如何使用 jQuery 查找所有段落元素？

给定一个包含段落元素的网页，任务是使用 jQuery 模块查找每个段落元素。我们必须从 HTML 页面中找到

元素，您可以通过使用元素选择器来完成此任务。元素选择器将根据元素的名称选择元素。

句法：

$("element name")

方法：

• 首先创建一个 HTML 页面并在

  元素中写入一些内容。

• 在 jQuery 的帮助下，选择所有段落元素。
• 将一些 CSS 属性应用于

  元素以查看更改。您可以使用 .css()方法来应用 CSS 属性。

示例 1：

HTML

  

    
    
  
    
        body {
            text-align: center;
            font-size: 30px;
        }
  
        button {
            background-color: #4CAF50;
            /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                $("p").css("background-color", "green");
            });
        });
    

  

  
    
        GeeksForGeeks
    
  
    This is a paragraph.
  
    This is another paragraph.
  
    
        Click here to find all 
        paragraph elements.
    

  

输出：

• 点击按钮前：

• 点击按钮后：

说明：从上面的例子中，您可以注意到，单击按钮后，每个段落元素的背景颜色都发生了变化。使用选择器，我们选择了所有段落元素，然后使用.css()方法为所有段落元素设置样式。

示例 2：

HTML

  

    
    
  
    
        body {
            text-align: center;
            font-size: 20px;
        }
  
        button {
            background-color: #4CAF50;
            /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                $("p").css("background-color", "lightgreen");
            });
        });
    

  

    
        GeeksForGeeks
    
      
    Database
  
     
        Database is a collection of inter-related 
        data which helps in efficient retrieval,
        insertion and deletion of data from 
        database and organizes the data in the 
        form of tables, views
    
  
    Operating System
  
    
        An operating system acts as an intermediary 
        between the user of a computer and computer 
        hardware.
    
  
    
        Click here to find all 
        paragraph elements.
    

  

输出：

• 点击按钮前：

• 点击按钮后：