jQuery获取和设置元素内容

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

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方法
目录
相关文章
|
1月前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
43 10
|
2月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
20 2
|
2月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
16 1
|
2月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
59 2
|
2月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
55 14
|
2月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
26 6
|
2月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
28 5
|
3月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
38 2
|
3月前
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
20 1
|
3月前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
32 0