jquery设置html属性,获取和设置html内容和属性方法

KLQ 2020-07-31 14:37:05 java常见问答 6060

下面的文章给大家介绍的就是jquery获取以及设置html属性的具体方式,一起来了解一下吧。

获取和设置内容

3个用于DOM操作的jquery方法:

1、text() - 设置或返回所选元素的文本内容;

2、html() - 设置或返回所选元素的内容(包括HTML标记);

3、val() - 设置或返回表单字段的值;

获取:

$(function () {
    $("button")
        .click(function () {
            alert($("#account")
                .val());
        });
})

设置:

$(function () {
    $("button")
        .click(function () {
            $("div")
                .text("新添加的div中的内容");
        });
})

获取和设置属性attr()

获取:

$(function () {
    $("button")
        .click(function () {
            alert($("div")
                .attr("class"));
        });
})

设置:

$(function () {
    $("button")
        .click(function () {
            $("div")
                .attr("class", "blue");
        });
})

以上的内容你都了解了吗?希望对你的编程之路可以有所帮助。

除此之外,假如你想了解一些java架构师的相关知识的话,那么就请多多的关注奇Q工具网吧。

推荐阅读:

jquery是什么?jquery是干什么的?

jquery中ajax完整例子怎么写?jquery中的ajax有什么用?

jquery框架的特点是什么?简述jquery的特点