jquery新增标签

在jQuery中，我们可以使用attr()方法来添加或修改HTML元素的标签属性值，attr()方法有两个参数，第一个参数是要设置的属性名，第二个参数是属性值。

以下是一些示例：

1、添加新的属性：

$("p").attr("newAttr", "newValue");

在这个例子中，我们为所有的<p>元素添加了一个名为newAttr的新属性，其值为newValue。

2、修改现有属性的值：

$("img").attr("src", "newSrc.jpg");

在这个例子中，我们修改了所有<img>元素的src属性的值为newSrc.jpg。

3、添加或修改多个属性：

$("div").attr({
    id: "newId",
    class: "newClass",
    title: "newTitle"
});

在这个例子中，我们为所有的<div>元素添加或修改了三个属性：id、class和title。

4、检查属性是否存在：

if ($("img").attr("alt") !== undefined) {
    alert("图片有alt属性");
} else {
    alert("图片没有alt属性");
}

在这个例子中，我们检查了所有的<img>元素是否有alt属性，如果有，我们就弹出一个警告框显示“图片有alt属性”，否则，我们就弹出一个警告框显示“图片没有alt属性”。

5、删除属性：

$("a").removeAttr("href");

在这个例子中，我们删除了所有的<a>元素的href属性。

注意：attr()方法返回的是第一个匹配的元素的属性值，如果要获取所有匹配的元素的属性值，需要使用each()方法。

var srcList = [];
$("img").each(function(){  
    srcList.push($(this).attr("src"));  
});  
console.log(srcList); // 输出所有<img>元素的src属性值列表

在这个例子中，我们首先创建了一个空数组srcList，然后使用each()方法遍历所有的<img>元素，将每个元素的src属性值添加到srcList数组中，最后输出这个数组。