Jquery 获取指定标签的对象及属性的设置与移除

接下来我会为你详细讲解“Jquery 获取指定标签的对象及属性的设置与移除”的完整攻略。

Jquery 获取指定标签的对象

1. 通过标签名获取对象

在 Jquery 中，我们可以通过标签名来获取 DOM 对象，使用方法如下：

// 获取所有 <p> 标签的 DOM 对象
var pTags = $('p');

2. 通过类名获取对象

我们也可以通过类名来获取 DOM 对象，使用方法如下：

// 获取所有 class 为 hello 的 DOM 对象
var helloTags = $('.hello');

3. 通过 ID 获取对象

可以通过元素的 ID 属性来获取指定标签的 DOM 对象，使用方法如下：

// 获取 id 为 intro 的 DOM 对象
var introTags = $('#intro');

Jquery 获取指定标签属性的设置与移除

1. 获取属性

使用 Jquery 中的 attr() 方法可以获取指定标签的属性，用法如下：

// 获取 id 为 intro 的 p 标签的 class 属性值
var classValue = $('#intro p').attr('class');

2. 设置属性

使用 Jquery 中的 attr() 方法可以设置指定标签的属性，用法如下：

// 设置 id 为 intro 的 p 标签的 class 属性值为 'hello'
$('#intro p').attr('class', 'hello');

3. 移除属性

使用 Jquery 中的 removeAttr() 方法可以移除指定标签的属性，用法如下：

// 移除 id 为 intro 的 p 标签的 class 属性
$('#intro p').removeAttr('class');

示例说明

下面给出两个示例说明：

示例一：获取所有图片标签的 src 属性

以下代码可以获取页面中所有图片标签的 src 属性，并打印输出到控制台中：

$('img').each(function() {
  var srcValue = $(this).attr('src');
  console.log(srcValue);
});

示例二：为一个 div 标签设置新的 class 属性值

以下代码可以为页面中一个指定的 div 标签设置新的 class 属性值：

$('#myDiv').attr('class', 'newClass');

以上就是“Jquery 获取指定标签的对象及属性的设置与移除”的完整攻略了。希望能对你有所帮助。