原创 Jquery如何获取和设置元素内容？代码怎么写？

Jquery如何获取和设置元素内容？代码怎么写？jQuery 具有可操作 HTML 元素和属性的方法，其中jQuery 非常重要的部分就是操作DOM，获得- text()、html() 以及 val()内容。

获取和设置元素内容学习目标：能够知道获取和设置元素内容的操作

html方法如何使用？

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

示例代码:

<style>
    .a01{
        color:red;
    }
</style>

<script>
    $(function(){
        var $a = $("#link01");
        var $input = $('#input01')

        // 获取元素属性
        var sId = $a.prop("id");
        alert(sId);

        // 设置元素属性
        $a.prop({"href":"http://www.baidu.com","title":'这是去到百度的链接',"class":"a01"});

        //  获取value属性
        // var sValue = $input.prop("value");
        // alert(sValue);

        // 获取value属性使用val()方法的简写方式
        var sValue = $input.val();
        alert(sValue);
        // 设置value值
        $input.val("222222");
    })
</script>

<a id="link01">这是一个链接</a>
<input type="text" id="input01" value="111111">

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

获取和设置元素小结：获取和设置元素的内容使用: html方法；给指定元素追加html内容使用: append方法。