jQuery获取和设置元素内容

1. html方法的使用

jquery中的html方法可以获取和设置标签的html内容


示例代码:

<script>
    $(function(){
        var $div = $("#div1");
        //  获取标签的html内容
        var result = $div.html();
        alert(result);
        //  设置标签的html内容,之前的内容会清除
        $div.html("<span style='color:red'>你好</span>");
        //  追加html内容
        $div.append("<span style='color:red'>你好</span>");
    });
</script>
<div id="div1">
    <p>hello</p>
</div>


说明:

给指定标签追加html内容使用append方法


2. 小结

  • 获取和设置元素的内容使用: html方法
  • 给指定元素追加html内容使用: append方法
上一篇:ASP.NET MVC使用Bootstrap系列(5)——创建ASP.NET MVC Bootstrap Helpers


下一篇:JQuery 常用积累(三)Select 下拉框