十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
attr()是获取或设置某个元素的属性。
成都网站设计、网站制作服务团队是一支充满着热情的团队,执着、敏锐、追求更好,是创新互联的标准与要求,同时竭诚为客户提供服务是我们的理念。创新互联把每个网站当做一个产品来开发,精雕细琢,追求一名工匠心中的细致,我们更用心!
input type="text" name="userName" title="请输入用户名称!"
定义和用法
根据该方法不同的参数,其工作方式也有所差异。
当该方法用于返回属性值,则返回第一个匹配元素的值。
当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。
例如:
获取输入框的title属性:$("input[name=userName]").attr("title");
设置输入框的title属性:$("input[name=userName]").attr("title","请输入姓名!");
扩展资料:
相关语法
返回属性的值:$(selector).attr(attribute)
设置属性和值:$(selector).attr(attribute,value)
使用函数设置属性和值:$(selector).attr(attribute,function(index,currentvalue))
设置多个属性和值:$(selector).attr({attribute:value, attribute:value,...})
参考资料来源:百度百科-attr()
参考资料来源:百度百科-jQuery
attr()设置或返回被选元素的属性值。
removeAttr()从每一个匹配的元素中删除一个属性
prop()获取在匹配的元素集中的第一个元素的属性值。
removeProp()用来删除由.prop()方法设置的属性集
addClass()为每个匹配的元素添加指定的类名。
removeClass()从所有匹配的元素中删除全部或者指定的类。
toggleClass()如果存在(不存在)就删除(添加)一个类。
html()取得第一个匹配元素的html内容。
val()返回或设置被选元素的值。
text()设置,取得所有匹配元素的内容。
attr方法可用来获取或设置属性,根据参数个数的不同来定时获取还是设置,当只有1个参数时表示获取属性值,当有2个参数时表示设置元素属性。
例如将图片的宽度设置成150:
$("img").attr("width","150"); //参数有width和150,所以是设置
例如获取图片的宽度:
$("img").attr("width"); //参数只有width,所以此时是获取
利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法,要实现效果:点击链接先去掉onclick属性,3秒后再自动加上该标签中的onclick属性jQ
本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法,有需要了解的朋友可参考。
要实现效果:点击链接先去掉onclick属性,3秒后再自动加上该标签中的onclick属性
jQuery中,针对标签属性的操作都是使用attr()方法来实现的,比如:$("a").attr("onclick")可获得a标签的onclick属性,对应的:
增加事件
$(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值
如
设置onclick属性:$("a").attr("onclick","test();");
删除事件
$(selector).removeAttr(attribute)
例
删除onclick属性:$("a").removeAttr("onclick");
理论上上面的代码没问题,但实际上上面语句不执行也不报错,后来发现原因:
jquery 1.6之前的版本并不支持attr()方法对标签onclick属性的相关操作!
?Q句话说要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本!
代码如下 复制代码
script type="text/javascript" src="jquery.min.js"/scriptscript type="text/javascript"
$(function(){
$(".b").click(function(){
$(this).removeAttr("onclick");
setTimeout(function(){
$(".b").attr("onclick","test();");
},3000)
})
})
function test(){}
/script
p
a class="b" href="#" onclick="test();"点击去掉该链接的onclick属性,3秒后再自动加上该onclick属性/a
/p
input type="button" value="inid" /
赋值:
$("#inid").val("值");
添加属性
$("#inid").attr("自定义属性啥都行eg:flag","值");
获取属性的值
$("#inid").attr("flag");
一. 基本概念
一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:
form action="form_action.asp" method="get" First name: input type="text" name="fname" / Last name: input type="text" name="lname" / input type="submit" value="Submit" //form
二. 函数
1.返回 String,它包含以 Input 或 Binary 方式打开的文件中的字符。语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。任何有效的数值表达式,指定要返回的字符个数。filenumber必要。任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。
2.Input 函数只用于以 Input 或 Binary 方式打开的文件。与 Input # 语句不同,Input 函数返回它所读出的所有字符,包括逗号、回车符、空白列、换行符、引号和前导空格等。对于 Binary 访问类型打开的文件,如果试图用 Input 函数读出整个文件,则会在 EOF 返回 True 时产生错误。
3.在用 Input 读出二进制文件时,要用 LOF 和 Loc 函数代替 EOF 函数,而在使用 EOF 函数时要配合以 Get 函数。注意 对于文本文件中包含的字节数据要使用 InputB 函数。对于 InputB 来说,number 指定的是要返回的字节个数,而不是要返回的字符个数。
使用JQuery给自定义属性赋值取值
jQuery 属性操作 - attr() 方法
定义和用法
attr() 方法设置或返回被选元素的属性值。
一、返回属性值
返回被选元素的属性值。
语法
$(selector).attr(attribute)
参数描述
attribute 规定要获取其值的属性。
$(selector).attr(attribute)
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
alert("Image width " + $("img").attr("width"));
});
});
/script
/head
body
img src="/i/eg_smile.gif" width="128" height="128" /
br /
button返回图像的宽度/button
/body
/html
二、设置属性/值
设置被选元素的属性和值。
语法
$(selector).attr(attribute,value)
参数描述
attribute 规定属性的名称。
value 规定属性的值。
$(selector).attr(attribute,value)
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","180");
});
});
/script
/head
body
img src="/i/eg_smile.gif" /
br /
button设置图像的 width 属性/button
/body
/html