获取元素的属性

$('input').attr('type')

.attr() 可以获取和设置自定义属性

.prop() 只能获取和设置固有属性

在设置属性值时 建议不要修改type属性,有的浏览器不支持

只能访问固有属性 自己创造的属性不能访问
$('input').prop('type');

设置属性的值
$('input').prop('class','apple')//固有

$('input').attr('class','apple')//自定义and固有

通过函数的返回值修改属性

批量添加属性 json

删除属性

删除属性type属性不允许删除

移除属性 removeAttr() removeProp()
由attr和prop设置的属性可以被移除 其他属性不移除

删除class属性

removeAttr('class');
removeprop('class');

//.removeClass()移除指定属性值

$('div').removeClass('apple')

//判断属性值是否存在 如果不存在就增加,如果存在就删除
$('div').toggleClass('apple');

.attr()的方法多次设置class属性会被最后一次的设置覆盖
用.addClass()是给属性追加信息 设置的信息都会追加上
设置class属性 会将原有的属性值覆盖
addClass()给class属性追加信息 如果没有class属性就先添加属性再追加属性值

css的属性获取和操作

(1)获取css属性: $().css(属性名);
行内 内部 外部样式都可以获取

console.log($('div').css('width'));
console.log($('div').css('font-size'));
console.log($('div').css('color'));

复合样式的获取

并不是所有的浏览器都支持复合样式的获取
尽量拆分获取
console.log($('div').css('borderStyle'));

设置css属性$().css(属性名, 属性值)

设置的是行内样式 优先级比较高

$('div').css('background', 'lightpink');

批量获取

优质内容筛选与推荐>>
1、STM32程序编写或调试犯过的错误
2、《鸟哥Linux私房菜》 全套视频和PDF资料—— 老段带你学鸟哥Linux视频课程
3、element-ui的el-date-picker组件（限制时间范围选择）
4、webpack起步以及手动配置config文件
5、malloc，calloc，realloc

赞赏

长按二维码向我转账

受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。

阅读

已发送

发送中