jQuery HTML / CSS 方法

在 web 前端开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了对 HTML 元素和 CSS 样式的操作。在本章节中,我们将介绍一些常用的 jQuery HTML / CSS 方法,帮助你更好地掌握 jQuery 的使用。

1. HTML 操作方法

1.1 text()

text() 方法用于设置或返回指定元素的文本内容。例如,我们可以使用以下代码来设置一个 <div> 元素的文本内容为 "Hello, world!":

--------------------- ---------

1.2 html()

html() 方法用于设置或返回指定元素的 HTML 内容。与 text() 方法不同的是,html() 方法可以包含 HTML 标记。例如,我们可以使用以下代码来设置一个 <div> 元素的 HTML 内容:

----------------------------- ------------------

1.3 attr()

attr() 方法用于设置或返回指定元素的属性值。例如,我们可以使用以下代码来设置一个 <img> 元素的 src 属性值:

-------------------- -------------

2. CSS 操作方法

2.1 css()

css() 方法用于设置或返回指定元素的 CSS 属性值。例如,我们可以使用以下代码来设置一个 <div> 元素的背景颜色为红色:

-------------------------------- -------

2.2 addClass()

addClass() 方法用于向指定元素添加一个或多个类名。例如,我们可以使用以下代码向一个 <div> 元素添加一个名为 "highlight" 的类:

-------------------------------

2.3 removeClass()

removeClass() 方法用于从指定元素移除一个或多个类名。例如,我们可以使用以下代码从一个 <div> 元素移除名为 "highlight" 的类:

----------------------------------

以上就是一些常用的 jQuery HTML / CSS 方法,通过这些方法,我们可以方便地操作 HTML 元素和 CSS 样式,使得 web 开发变得更加高效和便捷。


上一篇:jQuery 效果方法
下一篇:jQuery 遍历方法