jQuery之属性及css操作

A、属性

(1) .val([value])

这是一个读写双用的方法,用来处理input的value,当方法没有参数的时候返回input的value值,当传递了一个参数的时候,方法修改input的value值为参数值

image.png

(2) .attr() / .attr(attributeName)

获取元素特定属性的值

image.png

image.png

(3) .removeAttr()

为匹配的元素集合中的每个元素中移除一个属性(attribute)

.removeAttr() 方法使用原生的 JavaScript removeAttribute() 函数,但是它的优点是可以直接在一个 jQuery 对象上调用该方法,并且它解决了跨浏览器的属性名不同的问题。

image.png

(4) .prop()/.removeProp()
这两个方法是用来操作元素的property的,property和attibute是非常相似的概念

可参考 https://blog.jirengu.com/?p=222

B、css操作

(1) .css()

和 attr 非常相似的方法,用来处理元素的css

.css(propertyName) / .css(propertyNames)

获取元素style特定property的值

image.png

(2) .addClass(className) / .removeClass(className)

.addClass(className) / .addClass(function(index,currentClass))

为元素添加class,不是覆盖原class,是追加,也不会检查重复

image.png

(3) removeClass([className]) / ,removeClass(function(index,class))

移除元素单个/多个/所有class

image.png

(4) .hasClass(className)

检查元素是否包含某个class,返回true/false

image.png

(5) .toggleClass(className)

toggle是切换的意思,方法用于切换

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

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,466评论 0 44
  • jQuery的属性与样式之.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途...
    阿r阿r阅读 668评论 0 6
  • jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...
    croyance0601阅读 1,109评论 0 8
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,618评论 0 11
  • 注:详情参考 慕课网 .attr()与.removeAttr().html()及.text().val()增加样式...
    Z1hgq阅读 273评论 0 1