提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

jquery添加元素

jQuery 添加 元素
2023-09-27 14:21:33 时间

<!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>

 

相关文章