JQuery属性操作

  • 什么是属性
    对象身上保存的变量。
  • 如何操作属性
    对象.属性名
  • 什么是属性节点
    在编写 HTML代码时。在HTML标签中添加的属性就是属性节点。只有DOM元素才有元素节点,保存在Attributes
  • 如何操作属性节点
    设置:DOM.setAttribute(‘属性名称’,‘值’)
    获取:getAttribute(‘属性名称’)
  • 属性和属性节点有什么区别?
    任何对象都有属性。但是只有DOM对象才有属性节点。

JQuery中的attr方法

  • attr(name| pro| key, val| fn);
    作用:获取或设置属性节点的值。
    可以传递一个或两个值。
    ①当传入1个值的时候,代表获取属性节点的值。获取的时候,无论找到多少个元素,都只会返回第一个元素的指定属性的值。
    ②当传入2个值的时候,代表设置属性节点的值。设置的话,找到多少个就设置多少个值。当设置的属性不存在的时候,系统会自动给所有目标对象增加属性,且赋值。
  • removeAttr
  • prop();获取或设置目标属性值;不仅能操作属性,还能操作属性的值。官方推荐,在操作属性节点时,会返回true或false,如checked、selected、disabled等使用prop()获取比较简便。
    特点和attr一致
  • removeProp:特点和removeAttr方法一致
  • addClass();给元素添加类,添加多个空格隔开写就可以。
  • removeClass(); 删除类,删除多个空格隔开。
  • toggleClass();切换类,有就删除没有就添加(在原生JS中这个方法实现需要用到if else判断语句,在这里一句方法就可以囊括,比较简洁)。
  • html();与原生JS中innerHTML方法一致
  • text();设置文本内容。传参空即获取,有传参即设置。与html()方法不同的地方,增加代码并不会执行,text知识文本。而html可以增加元素。
  • val();与原生JS中的value()方法一致。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值