jQuery HTML / CSS 方法学习笔记

1. HTML 操作方法

1.1. html()

html() 方法用于获取或设置被选元素的 HTML 内容。

javascriptCopy Code
// 获取 div 元素的 HTML 内容
var htmlContent = $("div").html();

// 设置 div 元素的 HTML 内容
$("div").html("<p>Hello World!</p>");

1.2. text()

text() 方法用于获取或设置被选元素的文本内容。

javascriptCopy Code
// 获取 div 元素的文本内容
var textContent = $("div").text();

// 设置 div 元素的文本内容
$("div").text("Hello World!");

1.3. val()

val() 方法用于获取或设置表单元素的值。

javascriptCopy Code
// 获取 input 元素的值
var inputValue = $("input").val();

// 设置 input 元素的值
$("input").val("Hello World!");

2. CSS 操作方法

2.1. css()

css() 方法用于获取或设置被选元素的 CSS 属性值。

javascriptCopy Code
// 获取 div 元素的背景颜色
var backgroundColor = $("div").css("background-color");

// 设置 div 元素的背景颜色
$("div").css("background-color", "red");

2.2. addClass()

addClass() 方法用于向被选元素添加一个或多个类。

javascriptCopy Code
// 向 div 元素添加一个名为 "highlight" 的类
$("div").addClass("highlight");

2.3. removeClass()

removeClass() 方法用于从被选元素移除一个或多个类。

javascriptCopy Code
// 从 div 元素移除名为 "highlight" 的类
$("div").removeClass("highlight");

2.4. toggleClass()

toggleClass() 方法用于在被选元素中切换一个或多个类。

javascriptCopy Code
// 切换 div 元素的 "highlight" 类
$("div").toggleClass("highlight");

以上就是本文介绍的一些基本的 jQuery HTML / CSS 操作方法，希望能够对初学者有所帮助。