JQuery元素属性

  • 元素属性
    • attr
    • removeAttr
    • prop
    • removeProp

元素属性

attr

 设置或返回被选元素的属性值
<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=811731284,3359880732&fm=26&gp=0.jpg" alt="图片">
<script>$(function (){//参数name 描述: 返回文档中所有图像的src属性值console.log($("img").attr("src"));//参数properties 描述: 为所有图像设置src和alt属性$("img").attr({"src":"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1320386509,921148889&fm=26&gp=0.jpg","alt": "jQuery图片"});//参数key,回调函数 描述: 把src属性的值设置为title属性的值$("img").attr("title", function() {//this 代表 当前 img 对象return this.src});});
</script>

removeAttr

  从每一个匹配的元素中删除一个属性
<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=811731284,3359880732&fm=26&gp=0.jpg" alt="图片">
<script>$(function (){//将文档中图像的src属性删除$("img").removeAttr("src");});
</script>

prop

  设置或返回被选元素的属性和值
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法   也几乎完全相同

但不得不说的是,这两个函数的用处却并不相同:

  • 获取和设置自定义属性的时候 使用attr
  • 获取自身属性的时候使用prop
 console.log( $('input[type=checkbox]').attr('checked') ) //选中的时候 checked 未选中是undefinedconsole.log( $('input[type=checkbox]').prop('checked') ) //选中的时候 true 未选中是false

removeProp

<p></p>
<script>$(function () {var $p = $("p");//设置 property 属性$p.prop("name","星期八领证");//获取 property = name 属性值console.log($("p").prop("name"));//移除 property = name 的属性$("p").removeProp("name");//获取 property = name 属性值console.log($("p").prop("name"));});
</script>

【JQuery元素属性】相关推荐

  1. jQuery(六)元素属性操作和jQuery循环

    文章目录 jQuery元素属性操作 jQuery循环 练习-手风琴式展示图片 jQuery元素属性操作 html() //取出或设置元素内包裹的内容 var $box = $('.box');aler ...

  2. jQuery使用之(一)标记元素属性

    jQuery使用主要介绍jQuery如何控制页面,包含元素的属性.css样式风格.DOM模型.表单元素和事件处理等. 标记元素的属性 html中每一个标记都具有一些属性,他们这个标记在页面中呈现各种状 ...

  3. 怎样设置html的元素属性,Jquery怎么设置元素的属性和样式?

    Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性 对于下 ...

  4. jQuery学习3:操作元素属性和特性

    特性属性:是指DOM元素中能够和HTML元素中某个特性对应得上的属性. 下面就列出jQuery中提供的方法: 操作元素属性:each(iterator)遍历包装集里所有元素,为各元素分别调用传递进来的 ...

  5. selenium 页面经常改变元素_selenium用jquery改变元素属性

    一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...

  6. jQuery的属性,位置,元素操作

    想要操作,或者获取元素原有属性,jQuery为我们良好的封装了各种,属性和方法.以下,便是: jQuery 属性操作 jQuery有三种操作属性的方法::prop() / attr() / data( ...

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

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

  8. selenium用jquery改变元素属性

    一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...

  9. 解决火狐中用JQUERY .removeAttr()无法去除元素属性的方法

    解决火狐中用JQUERY .removeAttr()无法去除元素属性的方法 参考文章: (1)解决火狐中用JQUERY .removeAttr()无法去除元素属性的方法 (2)https://www. ...

最新文章

  1. Effective_STL 学习笔记(四十三) 尽量用算法调用代替手写循环
  2. ES6 - 字符串模板与新增字符串方法
  3. 【转】Oracle执行计划解释
  4. todo在此放置对话框控件_MFC界面开发进入BCGControlBar v30.5时代,Gantt Chart控件升级...
  5. c3p0 服务启动获取连接超时_微服务架构中的熔断、降级
  6. 2021级C语言大作业 - 涂鸦跳跃
  7. 替代NXP的CLRC663国产芯片来了,再也不用被老外卡脖子了
  8. 成都双流计算机大专学校,成都双流有哪些好的职业学校?
  9. (中英)作文 —— 标题与小标题
  10. Android 修改保持WLAN热点开启的时间与最大连接数
  11. Your system is infected with 3 viruses!(您的系统感染了3种病毒!)
  12. Python语言程序设计基础_实验四_函数(二)_答案_通识教育必修课程_上海师范大学
  13. OSG_64位动态链接库+静态链接库的使用
  14. 计算机专业的研究方向
  15. MySQL - 对数据表进行“增删查改”的基础操作 - 细节狂魔
  16. java水果爆炸动画_5分钟快速实现Android爆炸破碎酷炫动画特效的示例
  17. 苹果会下架所有的基于H5的开发的APP?
  18. 【毕业设计】基于STM32的智能台灯设计 物联网 电子信息 APP远程控制
  19. 做支付需要了解哪些行业知识
  20. 4.6 曲线拟合的最小二乘法

热门文章

  1. android锁屏音乐歌词的实现,在锁屏界面显示 Apple Music 的歌词
  2. C语言strcpy函数模拟实现,未优化和已优化
  3. 华为云服务器是什么系统,云服务器用的是什么系统
  4. Rhymes - 适合不会拼写的人的易于使用的押韵应用程序
  5. 大数据项目1(数据预处理问题)
  6. 报告!这群阿里工程师在偷偷养猪 1
  7. STM32芯片IO口的配置以及上拉下拉电阻介绍(一)
  8. 框架里面的标签采集不到怎么办_2019最新人群标签落地‘实操’
  9. 关于Arcgis林业数据处理的62个常用技巧
  10. latex 使用placeins后空行,段间距非常大