博客列表 >将attr()和css()方法的完整用法-4月4日作业

将attr()和css()方法的完整用法-4月4日作业

潮涌学习php的博客
潮涌学习php的博客原创
2018年05月02日 21:58:33791浏览

.attr:获取和css属性

1、var res = $('#pic').attr('src')   返回src值,即图片地址

$('#pic').attr('src','../images/gyy.jpg')  将图片替换为gyy.jpg。第一个为属性名,第二个为要设置的值

2、attr可以获取到自定义的data-前缀的自定义属性

var res = $(#pic).attr('data-nation')

3、attr支持回调函数

$('#pic').attr('width',function(){

    return 100+50

})

4、删除属性

$('#pic').removeAttr('style')

--------------------------------------------------------------

.css()   主要是设置样式

var res = $('img').css('width',200)

链式操作:

var res = $('img').css('width',200).css('border-radius','10%').css('box-shadow','5px 5px 5px #888')

var res = $('img').css({

'width':'200px',

'border-radius':'10%',

'box-shadow':'5px 5px 5px #888'

})

4.4.1.jpg

4.4.2.jpg

4.4.3.jpg

4.4.4.jpg

4.4.5.jpg

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议