综合开发

jQuery prepend()与示例

微信扫一扫,分享到朋友圈

jQuery prepend()与示例

在本教程中,我将解释jQuery中的.prepend()方法。

jQuery prepend()方法用于将指定的内容插入所选元素的开头。 它是jQuery中的内置方法。

如果我们想在所选元素的末尾插入内容,那么我们想使用jQuery .append()方法。

语法:

$(selector).prepend(content,function(index,html));

JQUERY PREPEND()方法的参数

此.prepend()方法接受两个参数,

内容

这是必需的参数,用于指定需要插入的内容。 要插入的可能值为:

  1. DOM元素

    HTML元素

    jQuery对象

    文本

FUNCTION( INDEX, HTML)

它是一个可选参数。 它用于指定一个函数,该函数返回插入的内容。

  1. index –指示元素在集合中的索引位置。

    html –指示所选元素的当前HTML。

EXAMPLE 1

<pre class="wp-block-syntaxhighlighter-code"><html>
<head>
    <title>Jquery</title>
   <a href="https://code.jquery.com/jquery-3.4.1.min.js">https://code.jquery.com/jquery-3.4.1.min.js</a>
</head>
<body>
    <h1> Everybody, what's up!</h1>
</body>
</html></pre>

运行 显示:

Everybody, what’s up!

现在,我将使用jQuery .prepend()方法在“Everybody, what’s up!!”开头插入“ Hello”一词。

<pre class="wp-block-syntaxhighlighter-code"><html>
<head>
    <title>Jquery</title>
   <a href="https://code.jquery.com/jquery-3.4.1.min.js">https://code.jquery.com/jquery-3.4.1.min.js</a>
</head>
<body>
    <h1> Everybody, what's up!</h1>
    
    <script type="text/javascript">
        
       $(document).ready(function(){
            
         $("h1").prepend("Hello ");
            
       });
    </script>
    
</body>
</html></pre>

输出:Hello,Everybody, what’s up!

EXAMPLE 2

<pre class="wp-block-syntaxhighlighter-code"><html>
<head>
    <title>Jquery</title>
   <a href="https://code.jquery.com/jquery-3.4.1.min.js">https://code.jquery.com/jquery-3.4.1.min.js</a>
</head>
<body>
    <p>I'm just a paragraph</p>  
</body>
</html></pre>

输出:I’m just a paragraph

现在,我想在段落标记之前插入粗体标记,我们该如何做,请参见下文

<pre class="wp-block-syntaxhighlighter-code"><html>
<head>
    <title>Jquery</title>
   <a href="https://code.jquery.com/jquery-3.4.1.min.js">https://code.jquery.com/jquery-3.4.1.min.js</a>
</head>
<body>
    <p>I'm just a paragraph</p>
    
    <script type="text/javascript">
        
       $(document).ready(function(){
            
        $("p").prepend("<b>I'm bold inserted before paragraph : </b>");
            
       });
    </script>
    
</body>
</html></pre>

然后输出:I’m bold inserted before paragraph :I’m just a paragraph

原文:https://developersinspired.com/2020/02/12/jquery-prepend-with-example/

微信扫一扫,分享到朋友圈

jQuery prepend()与示例

苏宁发布情人节大数据:最远订单超5000公里,…

上一篇

好马配好鞍!小米WiFi6路由器与GaN65瓦充电器开启预约

下一篇

你也可能喜欢

评论已经被关闭。

插入图片

热门栏目

jQuery prepend()与示例

长按储存图像,分享给朋友