jQuery before( ) 方法

最新推荐文章于 2021-08-23 11:08:14 发布

「已注销」

最新推荐文章于 2021-08-23 11:08:14 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/m0_57835615/article/details/117855772

版权

这篇博客介绍了jQuery的before()方法，用于在被选元素之前插入内容。文章提供了语法格式，强调了内容参数可以是HTML元素或返回插入内容的函数。文中通过示例展示了常规插入和使用函数动态插入内容的用法。

摘要由CSDN通过智能技术生成

通过jQuery的 before( ) 方法，我们可以在被选元素之前插入指定的内容。

语法格式：

$(selector).before(content,function(index))

参数：

content（必需）：插入的内容（可包含HTML元素）。

function（可选）：该函数可以返回待插入内容，index为元素的索引号。

注意：可以使用常规方式插入内容，也可以使用函数在被选元素前插入内容。

示例：

（1）常规方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../jQuery/jQuery.js"></script>
    <script>
        $(document).ready(function(){
            $(".para").click(function(){
                $(this).before("<p class = 'new'>我是新段落。</p>");
            })
        })
    </script>
    <style>
        .para {