jQuery HTML / CSS 方法详解

jQuery HTML / CSS 方法详解

随着前端技术的发展，jQuery 作为一种优秀的 JavaScript 库，在网页开发中扮演着重要角色。jQuery 提供了丰富的 API，其中 HTML 和 CSS 方法是开发者日常工作中频繁使用的一环。本文将详细介绍 jQuery 中的 HTML / CSS 方法，帮助开发者更好地理解和运用这些功能。

一、jQuery HTML 方法

jQuery HTML 方法主要用于操作元素的 HTML 属性、内容以及获取元素信息。以下是一些常用的 HTML 方法：

1.1. attr()

attr()方法用于获取或设置指定元素的属性值。其语法如下：

$(selector).attr(attributeName, value);

• selector：选择器，用于定位目标元素。
• attributeName：属性名称。
• value：要设置的属性值。

示例：

// 设置元素属性 $('input[type="text"]').attr('placeholder', '请输入内容'); // 获取元素属性 var placeholder = $('input[type="text"]').attr('placeholder'); console.log(placeholder); // 输出：请输入内容

1.2. text()

text()方法用于获取或设置指定元素的文本内容。其语法如下：

$(selector).text(text);