如何使用 jQuery 在所有段落之前插入一个对象？

jQuery 是一个 Javascript 库，可以减轻 Web 开发人员的任务。开发人员可以在他们的代码中使用 Jquery 库而不是使用 Javascript。 Jquery 提供了很多很好的特性，比如 DOM 操作、事件处理、AJAX 支持等。

强烈建议在学习 Jquery 之前先学习 HTML、CSS 和 Javascript 的基础知识。

方法：您可以使用名为 的方法在所有段落之前插入一个 jQuery 对象。之前() 。

• before()：该方法用于在匹配元素集合中的每个元素之前插入参数指定的内容。它可以接受任意数量的附加参数，如 – .prepend() 和 .after()。

• isertBefore()：与上面的函数类似，但内容在方法之前并插入在目标之前，而目标又作为 .insertBefore() 方法的参数传递。

  
  
  
  

句法：

$(target).before(contentToBeInserted).
$(contentToBeInserted).insertBefore(target).

例子：

HTML

    
        
        
        
        
        
            button {
                display: block;
                margin: 20px 0 0 0;
            }
        
    
    
      
        GeeksforGeeks
    
    
    
        How to insert a jQuery object before
        all paragraphs using jQuery?
    
        PHP Tutorial
        Python Tutorial
        Java Tutorial
        
          Click to see the effect
        
        
            $("#button1").click(function () {
                $("p").before("<i>GeeksForGeeks.com</i>");
            });
        
    

输出：

• 单击之前：在 body 元素中，我们最初命名了 3 个不同的段落PHP教程、 Python教程和Java教程。

  

• 单击后：单击按钮后，您现在可以注意到 GeeksForGeeks.com 被插入在每个段落之前。