想想该死的jQuery中的attrremoveAttr 操作HTMLDOM方法,因为不记得了
在程序中,有许多层面,不同的层面有不同的功能,每个层面都是相互存在联系的,
程序的页面层(UI层),大多是html层。
在html中每个元素都有一个或多个特性,而这些特性的用途就是给出相对应的元素或者其内容相对
应的附件信息。
例如:在img元素中,其src属性就是img元素的特性,其作用是用来标记图片的路径或地址。
在button元素中,其type属性就是button元素的特性,其作用是用来说明button的类型。
或许同一特性的名字可能在多个元素中出现,其特性值也可能一样。
不管是Js还是jQuery他们到可以操作html元素的特性,
JS操作特性的DOM方法主要有3个:
(1)getAttrbute() 方法(获取)
(2)setAttribute() 方法(设置)
(3)removeAttribute()方法 (移除)

而在jQuery中操作特性的DOM方法则主要有
(1)attr() 方法
(2)removeAttr () 方法

DOM即文档对象模型
JS的方法无法完全解决兼容性的问题,而jQuery的这两个方法则解决了兼容性的问题。
jQuery的attr、removeattr方法都是为其属性操作而封装的,直接在一个jQuery对象上调用该方法,
其容易对属性进行操作,不需要特意去理解浏览器属性名不同的问题。

jQuery的attr()方法 等同与js的getAttrbute和setAttribute两个方法
jQuery的attr()方法是用来获取和设置元素属性。是获取还是设置由传递的参数来决定。
jQuery的removeAttr()方法是用来移除元素属性。
一,attr()方法有四个表达式
(1)attr(传入属性名):传递一个参数是获取属性的值
$(selector).attr(attaibute)
(2)attr(属性名,属性值) :传递两个参数是设置属性的值
$(selector).attr(attribute,value)
(3)attr(属性名,函数值) :设置函数值
$(selector).attr(attribute,function(index,currentvalue))
(4)attr(attribute):给指定的多个元素设置多个属性值,
如:(属性名一:“属性值一” , 属性名二:“属性值二”,…)
$(selector).attr({attribute:value , attribute:value,…})

要获取/设置元素的属性值,先要获取到html元素才能获取/设置属性值。

参数 描述
attribute 属性的名称
value 规定属性的值
Function(index,currentvalue) 规定要返回属性值到集合的函数
Index 接受集合中元素的index位置
Currentvalue 接受被选元素的当前属性值(设置)

二,removeattr()方法 是从被选的元素中移除一个或多个属性
removeattr(attribute)

参数 描述
attribute 必需参数。规定要移除的一个或多个属性。如需移除若干个属性,请使用空格分隔属性名称。

实例

画面原型

JS代码

如果你来实验的话,点击上面的按钮你认为会有什么样的效果呢还是代码无效呢。
肯定有效果的啦

要注意的问题是:
(1)dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,
《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是DOM节点自带的属性
例如:html中常用的id、class、title、align等:

(2)而Property是这个DOM元素作为对象,其附加的内容,
例如,tagName, nodeName, nodeType, defaultChecked, 和 defaultSelected
使用.prop()方法进行取值或赋值等
获取Attribute就需要用attr,获取Property就需要用prop

想想该死的attr 和 removeAttr 方法相关推荐

  1. html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性

    今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...

  2. jquery给标签添加属性或获取属性值attr方法,移除属性removeAttr方法

    1. attr() 方法设置或返回被选元素的属性值. (1)返回被选元素的属性值: $(selector).attr(attribute) (2)设置被选元素的属性和值 $(selector).att ...

  3. jQuery的attr()和prop()方法

    prop()方法 操作固有属性 attr()方法 操作自定义属性 removeProp()方法 移除由 prop()方法设置的属性 removeAttr()方法 从指定元素中移除属性 区别 对于HTM ...

  4. JQuery中的.attr()与.removeAttr()

    每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 在JS中,我们经常使用到的DOM,操作特性方法主要有3 ...

  5. .attr()与.removeAttr()

    每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 操作特性的DOM方法主要有3个,getAttribut ...

  6. attr与removeAttr 、prop与removeProp操作属性节点

    1.attr与removeAttr <!DOCTYPE html> <html lang="en"> <head><meta charse ...

  7. jQuery--属性操作(attr、removeAttr、prop、removeProp)详解

    属性操作 在JQuery中提供了一系列方法用于操作对象的属性. 方法 描述 attr(name|pro|key|,val|fn) 获取或设置元素的属性 removeAttr(name) 删除元素的某一 ...

  8. mysql add attr_jQuery removeAttr()方法删除属性

    在 jQuery 中,我们可以使用 removeAttr() 方法来删除元素的某个属性. 语法: $().removeAttr("属性名") 举例: .content{color: ...

  9. jQuery样式之attr与removeAttr的区别以及使用技巧

    JavaScript操作特性的DOM方法主要有3个,分别是:getAttribute方法.setAttribute方法和removeAttribute方法,而 在jQuery中用一个attr()与re ...

最新文章

  1. szu 寒训 day#3 ST表 和 LCA问题 附例题 菜鸡解法
  2. Django models数据库配置以及多数据库调用设置
  3. python爬取地图上的经纬度_Python调用百度地图API爬取经纬度
  4. 深度学习笔记:卷积神经网络的Tensorflow实现
  5. SAP Fiori 应用 My Appointment - Belonging to me, Search by team, Search by group
  6. 观察者模式在JDK应用中的源码分析
  7. Android之如何设置背景的透明度
  8. leetcode 738. 单调递增的数字(贪心算法)
  9. 关于PHP各种循环,关于php迭代循环(无限分类)
  10. 一个项目如何编译多个不同签名、包名、资源等,的apk?
  11. ortoiseGit--小乌龟git项目
  12. JDY-24M级蓝牙简介
  13. 如何把自己打造成技术圈的papi酱
  14. python就业班-淘宝-目录.txt
  15. 关于linux网络编程的项目,linux网络编程入门
  16. 微信小程序源代码_移动端商城(微信小程序)
  17. Visual Studio 2008 官方破解版 正版cd key
  18. 关于留言簿的补充说明
  19. webrtc 带宽估计
  20. 字典转JSON字符串 字典转Data Data转JSON字符串 swift

热门文章

  1. AppStore上架审核注意事项
  2. React滚动页面触发相应位置动画
  3. centos7 yum redis安装及使用
  4. java计算机毕业设计基于ssm的少儿编程管理系统(源代码+数据库+Lw文档)
  5. 年轻人十大创业项目是哪些?
  6. JS中用键盘的方向键来移动div(switch...case)
  7. conda 增加清华 channels
  8. 数值计算大作业:数值积分(梯形、辛普森与龙贝格方法在Matlab实现)
  9. PIC单片机通用定时器使用说明
  10. Webpack前端打包工具