java arrt_JS中Attr的用法详解

具体代码如下所示：

$(document).ready(function(){

$("#btn").click(function(){

//使用attr(name)获取属性值：

alert($("p").attr("title"));//你最喜欢的水果是。

alert($("ul li:eq(1)").attr("title"));//橘子汁

alert($("ul li:eq(1)").attr("alt"));//123

//使用attr(name, value)改变属性值：

//$("ul li:eq(1)").attr("title", "还是吗？");//将第二个li的title的值改变

//使用attr(name, fn)设置属性的函数值

$("ul li:eq(1)").attr("title", function(){

return "我就不信";

});//将第二个li的title的值改变

alert($("ul li:eq(1)").attr("title"));//我就不信

//使用attr(name, properties)将一个“名/值”形式的对象设置为所有匹配元素的属性

$("ul li:eq(1)").attr({title: "第一个", alt: "第二个"});

alert($("ul li:eq(1)").attr("title"));//第一个

alert($("ul li:eq(1)").attr("alt"));//第二个

});

});

你最喜欢的水果是？

• 苹果
• 橘子
• 菠萝

总结

以上所述是小编给大家介绍的JS中Attr的用法详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！