实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>arrt和css用法</title>
</head>
<body>
<img src="../images/gyy.jpg" title="美女" alt="明星" data-nation="中国" width="200">
</body>
</html>
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript">
// 作为读取器时
var res = $('img').attr('title')
// 作为设置器时
var res = $('img').attr('width','400')
//读取自定义函数
var res = $('img').attr('data-nation')
//应用回调函数
var res = $('img').attr('width',function(){ return 150})
//css（）应用，css（）方法与attr（）方法相似，同样自带读取和设置特征
//css（）读取操作
var res = $('img').css('width')
//css()修改样式
var res = $('img').css('width','300px')
//css（）增加多项样式
var res = $('img').css({
'box-shadow':'3px 3px 3px #444',
'border-radius':'50%'
})
//width（）、height（）、position（）、offset（）方法
//width（）方法的应用
var res = $('img').width(200)
//height()方法的应用
var res = $('img').height(300)
//position()方法的应用
//position（）主要应用于采用绝对定位的元素在父块中的偏移量
var res = $('img').position()
var res = $('img').position().left
var res = $('img').position().top
//offset():获取元素的位置，返回的是一个对象
var res = $('img').offset()
var res = $('img').offset().left
var res = $('img').offset().top
console.log(res)
</script>运行实例 »
点击 "运行实例" 按钮查看在线实例
手抄版：
