attr函数和removeatter函数的定义和用法:
1、attr主要用于增加,获取两个功能,常见方法为:
获取:var res=$('li').attr('width')
//以上方法获取使得变量red获取到了li的宽度
增加:
$('li').attr('width',' 300px')
//以上方法为li增加了一个300px的宽度
增加多个(使用空格隔开)
$('li').attr('style','boder: 1px boder-raidus:50% box-shadow: 5px 5px 5px red')
//以上方法为li增加了多个样式变化
删除多个
$('*').removeAttr('src charset alt style border width height ')
以上方法提供了多个样式的删除
代码部分:
实例
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> </head> <body> <img src="img/001.jpg" alt="宝宝图片" width="150" height="150"/> </body> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $('img').attr('width','300px') //为img增加一个宽度,为300PX $('img').removeAttr('src') //移除属性src $('img').attr('src','img/001.jpg') //增加一个属性src、并修改图片路径 $('img').attr('style','border-radius: 50%; box-shadow: 50px 50px 50px darkgrey;') //多个修改元素,用空格进行隔开即可 var bss=$('img').attr('width') //用于获取,变量bss获取了img的宽度 $('*').removeAttr('src charset alt style border width height ') //移除多个属性,用空格隔开即可 </script> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例