php js attr,jquery属性与自定义属性操作:attr()和removeAttr()

jquery属性与自定义属性操作:attr()和removeAttr()

预备知识: 读取器,设置器

1. 有一些函数,可以根据参数的数量不同,执行不同的功能,返回不同的值,类似于功能重载

2. 传入一个参数,执行读取操作getter,返回该参数的当前值,叫:读取器/获取器

3. 传入二个参数,执行赋值操作setter,修改当前参数的值,叫:设置器/修改器

4. 这种根据参数个数决定执行操作类型的方法,在jQuery中非常多,大家要留意*/

1. attr():元素属性的获取与设置

必须传参var res = $('img').attr()

单参数为获取:当前属性的值var res = $('#pic').attr('src')

双参数为获取,第一个是属性名,第二个是要设置的新值$('#pic').attr('src', '../images/gyy.jpg')

$('#pic').attr('style', 'border-radius: 50%;box-shadow:2px 2px 2px #888')

由此可见,attr()是典型的集读取器与设置器二合一的方法

attr()可以获取到元素的自定义属性

html5中,可以通过data-前缀给标签添加用户自定义属性var res = $('#pic').attr('data-nation')

attr()的属性值,还支持回调函数$('#pic').attr('width', function(){return 100+50})

注意: 回调返回的数值类型,会自动转为字符类型再赋值给width属性var res = $('#pic').attr('width')

2. removeAttr():删除元素的属性

删除图片的内联样式属性style$('#pic').removeAttr('style')

可以删除多个属性,多个属性之间用空格分开,返回当前元素的状态var res = $('#pic').removeAttr('alt title data-nation')

在控制台查看运行结果console.log(res)

php js attr,jquery属性与自定义属性操作:attr()和removeAttr()相关推荐

原生js和jquery常用的DOM操作
前言将原生JS和jquery里面的DOM操作进行了一下整理,方便以后温习. 创建元素节点 1.原生: document.createElement("div") 2.jquery ...
JS获取元素属性和自定义属性
昨天有同事问我,怎么获取自定义元素的属性,我意识到这个确实是个问题,所有总结一下自己的心得. 获取元素的属性分为两种类型: 1-获取元素常见的属性(class,id,type,value-) 2-获 ...
jQuery 属性操作attr().prop().text().html().val()
这些方法用于获取和设置 DOM 元素的属性. 一.attr():  <!--属性:在元素里面写的,用attr方法操作.--& ...
web前端----jQuery属性操作
知识点总结 1.属性属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 remo ...
JQuery属性、事件相关操作
JQuery属性相关操作文章目录 JQuery属性相关操作一.尺寸相关.滚动事件 1.获取和设置元素的尺寸 2.获取元素相对页面的绝对位置 3.获取浏览器可视区宽度高度 4.获取页面文档的宽度高度 ...
jQuery属性操作以及一些实用方法
目录一.jQuery属性操作 1.prop() a.获取属性值 b.设置属性值 c.自定义属性值获取 2.数据缓存 3.jQuery内容文本值 a.普通元素内容 b.普通元素文本内容 c.获取设置表 ...
jQuery—常用API（jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作）
1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...
js与jquery操作
javascript jquery 用法 jquery需要引入一个JS文件并且这个JS文件实在所有js代码之前找标签: js:document.getelement...... dom对象 jqu ...
jQuery属性遍历、HTML操作
jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. .add() 将元素添加到匹配元素的集合中. . ...

php js attr,jquery属性与自定义属性操作:attr()和removeAttr()

php js attr,jquery属性与自定义属性操作:attr()和removeAttr()相关推荐

最新文章

热门文章