jQuery 取值、赋值的基本方法整理

jQuery 是一个强大的 JavaScript 库，广泛应用于网页开发中。在 jQuery 中取值、赋值是开发中常见的操作。下面是 jQuery 取值、赋值的基本方法整理。

取值基本方法

在 jQuery 中，可以使用以下几种方式来取得 HTML 元素的值：

1. text() 方法

使用 text() 方法来获取元素的文本内容。

// HTML 结构：<div id="box">Hello World!</div>
var boxContent = $('#box').text();
console.log(boxContent); // Hello World!

2. html() 方法

html() 方法返回元素内的 HTML 代码。

// HTML 结构：<p id="paragraph">Welcome to my website <strong>John Doe</strong>!</p>
var paragraphContent = $('#paragraph').html();
console.log(paragraphContent); // Welcome to my website <strong>John Doe</strong>!

3. val() 方法

val() 方法返回 <input>、<textarea> 以及 <select> 元素的值。

// HTML 结构：<input type="text" id="text-input" value="Hello world!" />
var textContent = $('#text-input').val();
console.log(textContent); // Hello world!

赋值基本方法

当需要将值赋给文本内容、HTML 代码、<input>、<textarea> 以及 <select> 元素，可以使用以下三种方法。

1. text() 方法

text() 方法可以向元素中插入纯文本内容。

// HTML 结构：<div id="box">Hello World!</div>
$('#box').text('New Text Content');

2. html() 方法

html() 方法可以向元素中插入 HTML 代码。

// HTML 结构：<div id="box"><p>Hello World!</p></div>
$('#box').html('<h1>New Heading</h1>');

3. val() 方法

val() 方法可以向输入框等元素中插入值。

// HTML 结构：<input type="text" id="text-input" value="Hello world!" />
$('#text-input').val('New Text Content');

以上就是“jQuery 取值、赋值的基本方法整理”的攻略内容，希望对您有所帮助。