900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jQuery中attr()方法用法实例【jquery】

jQuery中attr()方法用法实例【jquery】

时间:2024-05-11 20:17:29

相关推荐

jQuery中attr()方法用法实例【jquery】

web前端|js教程

jQuery,attr,方法,用法

web前端-js教程

c 抽奖动画源码,ubuntu用win引导,指定tomcat启动端口号,亚马逊爬虫过程,php分析从哪里来的,ajax网站 seolzw

此方法设置或返回匹配元素的属性值。

attr()方法根据参数的不同,功能也不同。

工业品企业网站源码,vscode中文安装失败,ubuntu 22 修改,怎么打开tomcat窗口,爬虫token验证,php行情 ,阳泉seo优化靠谱吗,b2b网站源程序,帝国cms笔趣阁模板lzw

语法结构一:

获取第一个匹配元素指定属性的属性值。

gzip解压源码,vscode储藏,ubuntu 无线信号,dajian tomcat,sqlite读取工具,服务器摆放要求吗,网页音频插件,前端手机页面框架,网络爬虫 搜索引擎,php字符串编码转换,老熟Seo,网站抽奖,在线刷留言网页源码,discuz门户网站模板手机,404页面自动跳转代码,mvc权限管理系统html5源码,vc外挂程序lzw

$(selector).attr(name)

参数列表:

实例代码:

attr()函数-脚本之家.font{

font-size:18px;

color:yellow

}

.bg{

background:#336;

}

.second{

color:green

}

$(document).ready(function(){

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

alert($("div").attr("class"));

})

})

我是第一个div

我是第二个div

以上代码中,点击按钮可以弹出匹配元素集合中,第一个元素的class属性值。

语法结构二:

为匹配元素指定的属性设置属性值。

$(selector).attr(attribute,value)

参数列表:

实例代码:

attr()函数-脚本之家div{

width:200px;

height:200px;

border:1px solid blue

}

.font{

font-size:18px;

color:yellow

}

.bg{

background:#336;

}

.reset{

color:green;

font-size:20px;

}

$(document).ready(function(){

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

$("div").attr("class","reset");

});

})

脚本之家欢迎您

以上代码中, 当点击按钮的时候,能够重新设置div元素的class属性值。

语法结构三:

将“名/值”形式的对象设置为匹配元素的属性。可以一次性设置多组“名/值”对,对匹配元素属性进行设置。

$(selector).attr(properties)

参数列表:

实例代码:

attr()函数-脚本之家$(document).ready(function(){

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

$("td").attr({width:"200",height:"300"});

})

})

以上代码中,可以设置单元格的宽度和高度。

语法结构四:通过函数返回值设置属性值。

$(selector).attr(name,function(index,oldvalue))

参数列表:

实例代码:

attr()函数-脚本之家div{

height:200px;

width:200px;

border:1px solid blue

}

.font{

font-size:18px;

}

.bg{

background:#336;

color:red;

}

.reset{

font-size:20px;

color:green;

}

$(document).ready(function(){

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

$("div").attr("class" ,function(){

return "reset"

})

})

})

脚本之家欢迎您

以上代码中,同样可以设置div的class属性值,只是属性值是以函数的返回值方式获得的。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。