JQuery属性操作与循环用法示例

针对JQuery属性操作与循环用法的攻略，以下是完整的讲解过程：

JQuery属性操作

1. 获取和设置元素属性值

使用JQuery，我们可以轻松地获取和设置元素的属性值，例如：

//获取元素属性值
var href = $('a').attr('href');
console.log(href);

//设置元素属性值
$('img').attr('alt', '图片描述');

上面的示例中，通过attr()方法获取了第一个a标签的href属性值，并在控制台打印输出。然后，通过attr()方法设置了所有img标签的alt属性值为“图片描述”。

2. 移除元素属性

使用removeAttr()方法可以从元素中移除属性，例如：

$('p').removeAttr('class');

上面的示例中，将所有p标签中的class属性移除。

3. 切换元素属性

使用toggleClass()方法可以在元素的类名之间切换，例如：

$('#myBtn').toggleClass('active');

上面的示例中，切换了id为myBtn的元素的active类名。

JQuery循环用法示例

下面是两个JQuery循环用法的示例：

1. 使用each()方法循环遍历元素

<ul>
  <li>第1项</li>
  <li>第2项</li>
  <li>第3项</li>
</ul>

$('li').each(function(index) {
  console.log('第' + (index+1) + '项：' + $(this).text());
});

上面的示例中，使用了each()方法遍历了所有li标签，并输出每个li标签的文本内容和索引。

2. 使用map()方法生成新的数组

<ul>
  <li>第1项</li>
  <li>第2项</li>
  <li>第3项</li>
</ul>

var items = $('li').map(function() {
  return $(this).text().toUpperCase();
}).get();
console.log(items);

上面的示例中，使用了map()方法生成了一个新的数组items，其中包含了每个li标签的大写文本内容。最后，将生成的数组在控制台打印输出。

希望以上内容可以对你有所帮助。