程序员教程

jQuery 元素属性

1. 修改元素的属性

要修改元素的属性，可以使用 attr() 方法来设置或获取指定属性的值。

                // 修改元素的属性值
                $("#myElement").attr("src", "new-image.jpg");
                

上面的代码将会修改 ID 为 "myElement" 的元素的 src 属性值为 "new-image.jpg"。

2. 修改元素的样式

要修改元素的样式，可以使用 css() 方法来设置或获取指定样式属性的值。

                // 修改元素的样式
                $("#myElement").css("color", "red");
                

上面的代码将会修改 ID 为 "myElement" 的元素的字体颜色为红色。

3. 修改元素的内容

要修改元素的内容，可以使用多种方法，例如使用 text() 方法来设置或获取元素的文本内容。

                // 修改元素的文本内容
                $("#myElement").text("Hello, jQuery!");
                

上面的代码将会修改 ID 为 "myElement" 的元素的文本内容为 "Hello, jQuery!"。

4. 修改元素的 HTML 内容

如果需要修改元素的 HTML 内容，可以使用 html() 方法来设置或获取元素的 HTML 内容。

                // 修改元素的 HTML 内容
                $("#myElement").html("<span>New HTML content</span>");
                

上面的代码将会修改 ID 为 "myElement" 的元素的 HTML 内容为 <span>New HTML content</span>。

通过使用这些方法，你可以轻松地修改元素的属性、样式和内容。请注意，在操作多个元素时，你可能需要使用循环或其他方法来遍历每个元素并进行相应的修改。