码迷,mamicode.com
首页 > Web开发 > 详细

jquery添加元素

时间:2016-09-08 16:22:37      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

<!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添加元素

标签:

原文地址:http://www.cnblogs.com/iOS-mt/p/5853205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!