简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 0408 作业
Blogger Information
Blog 32
fans 0
comment 0
visits 19613
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0408 作业
XuanGG的博客
Original
621 people have browsed it

实例

<!DOCTYPE html>
<html>
<head>
	<title>用法手册</title>
	<meta charset="utf-8">
</head>
<body>
<!-- appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。-->
<!-- prependTo() 方法在被选元素的开头（仍位于内部）插入指定内容。-->  
<!--  insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素。    -->   
<!-- insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。-->                              
<p>这是第一句话</p>
<p>这是第二句话</p>
<button class="btn">在每个 p 元素的结尾添加内容</button>
<h3>这是话</h3>
<button class="btn1">在 h3 元素的开头插入文本</button>
<b>1</b>
<button class="btn2">在 h3 元素插入html元素</button>

<h4>2</h4>
<button class="btn3">在 h4 元素zhiqian插入html元素</button>
</body>

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $(".btn").click(function(){
    $("<b> Hello World!</b>").appendTo("p");
  });
});



$(document).ready(function(){
  $(".btn1").click(function(){
    $("<b>Hello World!</b>").prependTo("h3");
  });
});



$(document).ready(function(){
  $(".btn2").click(function(){
    $("<span>你好！</span>").insertAfter("b");
  });
});


$(document).ready(function(){
  $(".btn3").click(function(){
    $("<span>你好！</span>").insertBefore("h4");
  });
});
</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！