jquery prepend函数实例

WBOY
リリース: 2016-06-01 09:54:57
オリジナル
1217 人が閲覧しました

首先介绍一下prepend函数的语法:

语法

<code class="language-javascript">$(selector).prepend(content)</code>
ログイン後にコピー

其中,content 必需。规定要插入的内容(可包含 HTML 标签)。

实例:

<code class="language-html">

<script type="text/javascript" src="http://www.manongjc.com/Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#manong").click(function(){
        $("#content").prepend('码农教程');
        });
    });
</script>


<div id="content" style="border:1px #ccc solid">这是原来内容。</div>
<button id="manong">插入文本</button>

</code>
ログイン後にコピー

在线运行

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート