首页 > 代码库 > jquery添加元素

jquery添加元素

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<head>

<!--引入百度库-->

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">

</script>

<title></title>

 

<script>

$(document).ready(function(){

               $("#btn1").click(function(){

                  $("p").append(" <b>追加文本</b>。");

                });

 

                $("#btn2").click(function(){

                   $("ol").append("<li>追加列表项</li>");

                });

             });

</script>

</head>

 

<body>

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

<ol>

<li>List item 1</li>

<li>List item 2</li>

<li>List item 3</li>

</ol>

<button id="btn1">添加文本</button>

<button id="btn2">添加列表项</button>

</body>

</html>

 

jquery添加元素