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);