在 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 开发变得更加高效和便捷。