jquery属性和样式以及事件

人生就像一列开往坟墓的列车,路途上会有很多站,很难有人至始至终陪你走完全程,当陪你的人要下车时,即便不舍,也要心存感激,然后挥手告别。---sunnyhuang

>>jquery的属性操作

针对表单form的属性

  1. val([value]) 如果没有写value的值,是获取对应的form的value值,设置了value,就是修改对应的form的value值

获取其它属性

  1. attr(attributeName) 获取对应的属性值
  2. attr(attributeName,value) 设置对应的属性值(单个属性)
  3. attr({arrtibuteName:value,arrtibuteName:value}) 设置多个属性值给相应的对象(多个属性 json对象)
  4. removeAttr() 移除对应的属性值
    属性的操作

>>jquery样式的操作

css() 这是个和attr非常相似的方法,用来处理元素的css

  1. css(propertyName) 获取对应的样式值
  2. css(propertyName,value) 设置对应的样式值
  3. css({propertyName:value,propertyName:value}) 设置多个样式值给相应的对象(多个样式 json对象)

对样式类的修改

  1. addClass(class) 为元素添加相应的类,不是覆盖,是追加。添加多个中间用空格隔开
  2. removeClass(class) 为元素删除相应的类。删除多个中间用空格隔开
  3. hasClass(class) 检查元素是否有某类,如果有,则返回true,否则就是false
  4. toggleClass(class) 切换某类,如果元素有这个类,就删除类,如果没有,就添加相应的类。

>>拓展原生js的ES5 classList

element.classList是一个只读属性,返回element的class类的一个类数组对象的集合

但是我们可以通过classList的其他方法来修改类

  1. element.classList.add(string) 给元素添加类
  2. element.classList.remove(string) 移除元素相应的类
  3. element.classList.item(index) 通过索引返回相应的类名
  4. element.classList.toggle(string) 当只有一个参数时:切换 class value; 即如果类存在,则删除它并返回false,如果不存在,则添加它并返回true。
  5. element.classList.contains(string) 检查元素是否含有某类


    原生js对应的类操作
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery的属性与样式之.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途...
    阿r阿r阅读 3,848评论 0 6
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,811评论 0 44
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,347评论 19 139
  • 原文 https://www.kancloud.cn/dennis/tgjavascript/241852 一、节...
    LuckyS007阅读 4,274评论 0 0
  • 当年我爹为了我能早一年上学,硬是把身份证改大了几个月,几天前手机里充满了各大银行的当日刷卡积分翻倍的短信,这个“...
    二丢阅读 1,813评论 0 0