jquery如何html标签元素中的内容呢?


摘要:
下文使用jquery设置元素中内容的方法分享,如下所示:

实现思路:
    使用jquery的text("内容")
	即可设置元素中内容

例:
jquery 设置元素中内容的示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>maomao365.com-修改html标签元素的示例</title> 
        <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js" ></script> 

 <style>
     div{
       margin:10px;
      }
       #flipshow,#content,#fliphide,#fliptoogle{
            padding:5px;
            background-color:blue;
			color:white;
            text-align: center;
            border:1px solid green;
        }
        #content  {
            padding:50px;
            display:none ;
        }
</style>

<script>
$(document).ready(function(){
    $("#btn1").click(function() {
        $("#p1").text("我是点击后的内容");
         
  });
});
</script>

    </head>
    <body>

	<p>
 maomao365.com <br />
 jquery 设置元素内容的示例分享
	</p>
	<hr />
         <p id="p1">原文本内容</p>
        <button id="btn1">修改内容--点我</button>
    </body>
</html>
jquery修改元素中内容的示例分享

jquery修改元素中内容的示例分享