jQuery 获取和设置(内容，属性)

最新推荐文章于 2024-04-26 15:46:49 发布

「已注销」

最新推荐文章于 2024-04-26 15:46:49 发布

阅读量650

点赞数

文章标签： jquery html javascript

本文链接：https://blog.csdn.net/m0_46813809/article/details/120479694

版权

获取和设置内容

text(),获取或设置元素的内容(不包括标签）
html(),获取或设置元素的内容(包括html标签)
val()，获取和设置表单字段的值。

注意

text()、html() 以及 val() 都有回调函数，其中里面的第一个值是被选元素在被选元素当前列表中的下标，例如class和元素标签获取都是组成的数组，也可以通过id获取，第二个值是选取被选元素的旧值(也就是内容)，最终return 一个字符串。如果是html()获取则标签也会被获取。

示例

<body>
    <button id="bianhua">点击变化</button>
    <p>hello</p>
    <p>Java</p>
    <p>python</p>
    <p>c++</p>
    <script>
        $(function() {
            $('#bianhua').click(function() {
                $('p').text(function(index, old) {
                    if (index % 2 == 0) {   //蒋偶数的字段改成新的文本
                        return index + "这是个新的文本";
                    }
                })
            })
        })
    </script>
</body>

设置和获取属性

语法

attr(“属性名”); 获取元素的属性值。
attr(“属性名”,“属性值”); 设置属性，也可以设置多个属性，示例如下。

attr({
“属性1” : “属性值1”,
"属性2 : “属性值2”
});

注意

attr()也有回调函数，前者必须设置获取的那个元素属性，第一参数代表下标，第二个参数代表获取属性的旧值。

<body>
    <button id="bianhua">点击</button>
    <input type="text" id="text" value="输入">
    <script>
        $(function() {
            $('#bianhua').click(function() {
                $('#text').attr("value", function(index, old) {
                    return old + "新值";
                })
            })
        })
    </script>
</body>