javascript 如何JQuery框架对span标签的取值和赋值操作呢?


摘要:
下文讲述jquery框架对span标签的赋值和取值的方法分享,如下所示;

实现思路:
    对span赋值使用html()方法或text()方法
    对span取值使用text()或html()方法

例:

<meta charset='utf-8' />
<p>
maomao365.com<br />
jquery对span标签操作的示例
</p>
<hr />

<script
 src="http://libs.baidu.com/jquery/1.9.0/jquery.js"> 
</script>
<script>
$(function(){  
    $("#btn1").click(function(){
       $("#span1").text("maomao365.com"); 
       $("#span2").html("猫猫教程"); 
    });
 
   $("#btn2").click(function(){
       alert($("#span1").text()); 
       alert($("#span2").html()); 
    });

});

</script> 

<button id="btn1">
  span赋值
</button> 
<button id="btn2">
  span取值
</button>
<hr />
<span id="span1"
   >
</span>
<span id="span2"
   >
</span>
javascript之jquery对span操作的示例分享

javascript之jquery对span操作的示例分享