技术交流QQ群:1027579432,欢迎你的加入!

欢迎关注我的微信公众号:CurryCoder的程序人生

1.设置或获取元素固有属性值prop()

  • 所谓的固有属性就是指元素本身自带的属性。如<a>元素里面的href,<input>元素里面的type。
  • 获取属性语法
    prop("属性名")
    
  • 设置属性语法
    prop("属性名", "属性值")
    

2.设置或获取元素自定义属性值attr()

  • 用户自己给元素增加的属性,称为自定义属性。比如给div添加index="1"属性。attr()方法也可以获取H5自定义属性。
  • 获取属性语法
    attr("自定义的属性名")  // 类似原生getAttribute()
    
  • 设置属性语法
    attr("自定义的属性名", "属性值")  // 类似原生setAttribute()
    

3.数据缓存data()

  • data()方法可以在指定的元素上存取数据,并不会修改DOM元素结构。一旦页面刷新,之前存放的数据都会被移除。同时,data()方法还支持H5自定义属性data-index,得到的是数字型。
  • 附加数据语法
data("name", "value")  // 向被选元素附加数据
  • 获取数据语法

    data("name")   // 向被选元素获取数据
    

4.资料下载

  • 笔记及代码,欢迎 star,follow,fork…

46 jQuery属性操作相关推荐

  1. jQuery属性操作以及一些实用方法

    目录 一.jQuery属性操作 1.prop() a.获取属性值 b.设置属性值 c.自定义属性值获取 2.数据缓存 3.jQuery内容文本值 a.普通元素内容 b.普通元素文本内容 c.获取设置表 ...

  2. jQuery—常用API(jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作)

    1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...

  3. web前端----jQuery属性操作

    知识点总结 1.属性 属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 remo ...

  4. Mr.J-- jQuery学习笔记(三十二)--jQuery属性操作源码封装

    扫码看专栏 jQuery的优点 jquery是JavaScript库,能够极大地简化JavaScript编程,能够更方便的处理DOM操作和进行Ajax交互 1.轻量级 JQuery非常轻巧 2.强大的 ...

  5. [jQuery原理] jQuery属性操作相关方法

    属性操作相关方法 attr() 设置或者获取元素的属性节点值 attr: function (attr, value) {// 1.判断是否是字符串if(njQuery.isString(attr)) ...

  6. jQuery 属性操作——案例:购物车案例模块

    案例:购物车案例模块-全选 <!DOCTYPE html> <html lang="zh-CN"><head><meta charset= ...

  7. jQuery 属性操作attr().prop().text().html().val()

    这些方法用于获取和设置 DOM 元素的属性. 一.attr(): <!--样式:在style里面写的,用css来操作.--> <!--属性:在元素里面写的,用attr方法操作.--& ...

  8. jQuery 属性操作 - addClass() 和 removeClass() 方法

    实例 向第一个 p 元素添加一个类: $("button").click(function(){$("p:first").addClass("intr ...

  9. jQuery属性操作之.val()

    文章目录 .val()实例方法的三种用法 .val()函数源码 调用形式:$('xxx').val(); 调用形式:$('xxx').val(value); 调用形式:$('xxx').val(fun ...

最新文章

  1. ExtJs与WCF交互:生成树
  2. 电力管理信息系统数据库表总结
  3. 数据结构-图的深度优先遍历(DFS)和广度优先遍历(BFS)算法分析
  4. JZOJ 5711. 【北大夏令营2018模拟5.13】时间幻象
  5. 数据结构基础(2) --顺序查找 二分查找
  6. kubernetes系列11—PV和PVC详解
  7. 全面深入介绍C++字符串:string类
  8. python or 运算符 用作判断两变量的真假
  9. MacBook常用快捷键一览
  10. Android Studio第三十六期 - 模块化Activity管理Fragment
  11. word柱状图垂直轴数值设定_EXCEL中的图表坐标轴数值 如何设置
  12. 网页设计大作业成品_成品衣柜尺寸太固定,设计师6大方面分享定制衣柜,读后收获满满...
  13. 利用python实现杜利特尔分解法
  14. 酷睿i5 1235u参数 i5 1235u处理器怎么样
  15. 设计,构建线框图和对Android应用进行原型制作:第1部分
  16. Type interface com.aiit.mapper.BrandMapper is not known to the MapperRegistry.解决办法
  17. 学习6大设计原则、23种设计模式
  18. LinuxC编程中常见的段错误(非法操作内存)情形
  19. vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler (Promise/async): “Error: 失败“found in
  20. 【C4D周练作业061-070】用C4D做了个锤子~

热门文章

  1. IAB303 Data Analytics Assessment Task
  2. 【爬虫】使用xpath与lxml移除特定标签
  3. com/opensymphony/xwork2/spring/SpringObjectFactory.java:220:-1问题出现的原因及解决办法
  4. 【138天】尚学堂高淇Java300集视频精华笔记(84)
  5. WINDOWS SERVER 2003从入门到精通之配置DHCP服务器(上)
  6. 基于.net技术的代码高亮显示组件
  7. 某程序员对比美团和阿里的卷文化区别:美团重过程,死抠没用细节;阿里更自由,注重结果!...
  8. 文末惊喜福利 | 盘点2021主流架构创新实践
  9. 面试题:mysql 表删除一半数据,B+树索引文件会不会变小???
  10. 刚学会深拷贝一个对象,学妹却问我怎么深拷贝一个图