批改状态:未批改
老师批语:
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>点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号