元素前加和后加

创建时间:2015/8/18 20:26
更新时间:2015/8/18 20:26

<%@ page language="java" import= "java.util .*" pageEncoding ="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script src= "http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js" >
</ script>
<script>

$(document).ready( function(){
  $("#btn1").click( function(){
    $( "span").before("<b>Before</b>" );
  });

  $("#btn2").click( function(){
    $( "span").after("<i>After</i>" );
  });
});
</ script>
</head>

<body>
<span> 的撒啊吃的</span ><br>< br>
<button id= "btn1">在图片前面添加文本 </button>
<button id= "btn2">在图片后面添加文本 </button>
</body>
</html>