博客

jQuery属性的完整攻略

jQuery属性是指可以获取和设置HTML元素属性的方法。jQuery提供了很多方法来完成这个任务，下面我们来详细了解一下：

获取属性值

我们可以使用 attr() 方法来获取 HTML 元素的属性值。这个方法接受一个参数，即需要获取的属性名，它会返回对应属性的值。如果要获取元素的文本内容，需要使用 text() 或 html() 方法。

// HTML代码： <a href="https://www.baidu.com">百度一下</a>

// 获取链接的href属性值
var href = $('a').attr('href');

// 获取链接的文本值
var text = $('a').text();

设置属性值

使用 attr() 方法同样可以设置 HTML 元素的属性值。它的第二个参数表示需要设置的属性值。

// HTML代码： <input type="text" name="username">

// 设置文本框的value属性
$('input').attr('value', 'Hello world');

// 设置文本框的name属性
$('input').attr('name', 'newName');

除此之外，还有一些属性可以使用更加方便的方式进行设置：

// 设置文本框的value属性
$('input').val('Hello world');

// 设置文本框的placeholder属性
$('input').attr('placeholder', '请输入用户名');

// 设置图片的src属性
$('img').attr('src', 'http://example.com/image.jpg');

以上就是 jQuery属性 的完整攻略。