云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

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>元素添加或修改了三个属性:idclasstitle

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数组中,最后输出这个数组。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《jquery新增标签》
文章链接:https://www.yunzhuji.net/jishujiaocheng/21976.html

评论

  • 验证码