对DOM元素的属性属性jQuery操作详细的讨论()和()方法removeatrr

对DOM元素的属性属性jQuery操作详细的讨论()和()方法removeatrr
jQuery中操作元素属性的方法:

attr():读或写的匹配元素的属性值。

RemoveAttr():从匹配的元素中删除指定的属性。
attr()方法读取操作
attr()读操作。读取是匹配元素中第一个元素的指定属性值。

格式:.attr(属性),返回值类型:字符串。读取非现有属性返回到未定义的属性。
注选择器的选择结果可以是一组,其中仅获得集合中第一个元素的值。

看看例子:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(按钮)。Click(函数(){)

警报($(p)。Attr(标题)); / /获得的财产

此代码只能获取第一个元素的属性。

});

});

1款

2款
获得称号

运行结果:弹框显示:title1。
为了分别获得每个元素的属性,您需要使用jQuery的循环结构,如每个()或map()方法。

上述示例可以更改为:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(按钮)。Click(函数(){)

为选择中的每个元素获取属性。

$()。每个(函数(){)

警报($(this)。Attr(标题));

});

});

});
您可以分别获得每个元素的属性。

attr()方法写操作
attr()的写操作。将一个值赋给匹配元素的一个或多个属性。

一般格式:.attr(属性,值),即设定值。该属性

返回值类型:jQuery。同时支持链式方法调用。
在执行写操作时,如果指定的属性名不存在,它将添加名称的属性,即添加自定义属性,称为属性名,其值为值。
为匹配集中的每个元素编写属性。看例子:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(# Button1)。Click(function(){)

$(p)。Attr(标题

});

});

这是一段话。

这是一部

这是另一段。

这是一部

单击按钮后,所有p都添加到标题Hello World的属性中。
有以下两种格式的写作形式:

。属性(属性)和属性(属性、功能)。

下面分别介绍。
属性(属性):
这是plainobject属性类型,可以同时设置多个属性。

PlainObject是什么,一个简单的键值由括号括起来的理解是序列。您可以参考后问题链接描述。

键和值用冒号()分隔,每个键值用逗号(,)分隔。
注意:当设置多个属性值时,属性名的引号是可选的(可以有,也不能)。但是class属性是一个异常,必须添加引号。
实例:
复制代码代码如下所示:
$(文档)Ready(函数(){)

$(# Button1)。Click(function(){)

$(p)。Attr(标题

});

$(# button2)。Click(function(){)

$(div)。Attr({标题:一些标题DIV

});

});
这是一段话。

这是一部

这是另一段。

这是一部

单击两个按钮后,元素被更改为:
hello是一个新的自定义属性,它的值是世界。
。属性(属性、函数(指数、属性的旧值)):

使用函数设置属性值的第一个参数。函数是索引,第二个参数是属性前面的值。

看看例子:

复制代码代码如下所示:

{ div

颜色:蓝色;

}

{跨度

颜色:红色;

}

{ B

字体重量:加粗;

}

$(文档)Ready(函数(){)

$()

attr(身份证。

如果(oldattr){

返回div ID+指数+ oldattr;

{ { { }

返回div id+索引;

}

})

每个函数(){()

$()

});

});

零号

弗斯特



作为上述示例的结果,相应的页面结果如下:
当使用设置属性值的方法时,如果集合的函数不返回值或返回到未定义的值,则当前值不会更改。

也就是说,操作将被忽略。

作为一个例子,在attr函数()返回未定义:

如下:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(div)。Attr(身份

返回未定义;

}。每个(函数(){)

$()

});

});

返回页面的效果如下:
也就是说,不进行修改,也不保留原始属性值。
注意:jQuery不能修改type属性,如果浏览器中的修改是错误的。

这是因为类型属性不能在IE浏览器中修改。

RemoveAttr()方法

删除匹配元素集合中每个元素的指定属性。

这把()方法调用removeattribute()方法的Javascript,但它可以直接通过jQuery对象调用,它需要考虑和处理不同浏览器的属性名称的问题,这可能不统一。

实例:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(输入{类型=按钮)。Click(函数(){)

$(div)。RemoveAttr(标题);

});

});



单击按钮后,title属性将被删除。
注:OnClick与把去除()不能在IE6-8。为了避免这一问题,应使用道具()方法。

例如:

复制代码代码如下所示:

element.prop美元(onclick

console.log(onclick属性:

tag:属性方法操作元素详细

相关内容