设置属性的值 $(document).ready(function(){ $("button").click(function(){ $("img").attr({width:..."50",height:"80"});//设置多个属性 //$("img").attr("width","180");设置一个属性 }); }); <body...获取属性的值 $(document).ready(function(){ $("button").click(function(){ alert("Image width " + $("img").attr
> 我们在浏览器窗口的console中输出: var inputs = document.getElementsByTagName...3. prop()和attr()的区别?...因此checked property只能是true或者false(当勾选为true,未勾选或者未设置为false): elem.checked // true (Boolean) 会随着勾选状态而改变 jQuery...的attr()方法获的的结果也跟getAttribute是一致的: $(‘input[type=“checkbox”’).attr( ‘checked’ ) // 同上一条 至于说jQuery的历史版本中
如果是多个的话返回第一个。...如果是多个的话都设置。同.attr。如果想通过这个方法来改变一个input的type属性,是会抛出异常的。...如果在return上加判断,返回undefined就不改变。 接下来是.attr() 和prop很基本一样,都是4个重载。...jQuery1.6以后,用.prop()特指获取property,.attr()特指获取attribute。...在jQuery1.6以前的版本中,也可以用.attr()来获取。但这其实不是.attr的分内之事,因为这些只是property,而不是attribute。 比如有这个。
区别: prop:attr 方法针对单选框和复选框的是否选中问题操作复杂 ( 元素.attr(“checked”) 选中返回值为 checked,未选中返回值为 undefined,不是直接显示 true
/jquery-1.10.1.min.js"> $(function() { $("span").attr("class...span class="span1" name="it666"> /* 1.attr...(name|pro|key,val|fn) 作用: 获取或者设置属性节点的值 可以传递一个参数, 也可以传递两个参数 如果传递一个参数, 代表获取属性节点的值 如果传递两个参数, 代表设置属性节点的值...注意点: 如果是获取:无论找到多少个元素, 都只会返回第一个元素指定的属性节点的值 如果是设置:找到多少个元素就会设置多少个元素 如果是设置...: 如果设置的属性节点不存在, 那么系统会自动新增 2.removeAttr(name) 删除属性节点 注意点: 会删除所有找到元素指定的属性节点
2、应用版本不同 attr()是jQuery 1.0版本就有的函数,prop()是jQuery 1.6版本新增的函数。...3、用于设置的属性值类型不同 由于attr()函数操作的是文档节点的属性,因此设置的属性值只能是字符串类型,如果不是字符串类型,也会调用其toString()方法,将其转为字符串类型。...直到jQuery 1.6新增prop()函数,并用来承担property的设置或获取工作之后,attr()才只用来负责attribute的设置和获取工作。...此外,对于表单元素的checked、selected、disabled等属性,在jQuery 1.6之前,attr()获取这些属性的返回值为Boolean类型:如果被选中(或禁用)就返回true,否则返回...但是从1.6开始,使用attr()获取这些属性的返回值为String类型,如果被选中(或禁用)就返回checked、selected或disabled,否则(即元素节点没有该属性)返回undefined
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别: $.attr()每次都从DOM元素中取属性的值。...$.attr(‘data-xxx’, ‘xxxxx’)会将字符串’xxxx’塞到标签的’data-xxx’属性中。...$.data(‘xxx’)是从 Jquery对象中取值,由于对象属性值保存在内存中,因此可能和视图里的属性值不一致的情况。...$.data(‘xxx’, ‘xxxx’)会将字符串’xxxx’塞到 Jquery对象 的’xxx’属性中,而不是塞到视图标签的data-xxx属性中。...所以$.attr()和$.data()应避免混合用 通过$.attr()来进行set属性,然后通过$.data()进行get属性值; 通过$.data()来进行set属性,然后通过$.attr()进行get
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。...如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。)...注意,如果你要设置对象的class属性,你必须使用'className' 作为属性名。或者你可以直接使用'class'或者'id'。) 示例代码: ...jquery中val()与之类似,(this).val();获取某个元素节点的value值,相当于(this).attr("value");(this).val(value);设置某个元素节点的value
HTML5学堂:本文介绍了prop和attr的区别。...jQuery中有这么两个东西 —— attr()与prop(),很多开发者在使用时,经常容易混淆,今天HTML5学堂小编-其其就带你一起看看attr和prop方法。...jQuery文档中,attr和prop的参数都是一样的,而这两个东西都被认为是属性,那么他们之间到底有什么区别呢?下面我们一起验证下。...attr与prop的真身 attr全称attribute(属性) prop全称property(属性) 虽然都是属性,但他们所指的属性并不相同,attr所指的属性是HTML标签属性,而prop所指的是DOM...对象属性,可以认为attr是显式的,而prop是隐式的。
a 标签的 href 属性值如何修改,下面分享一下使用 javascript 或 jQuery 的实现方法。 ...JavaScript: document.getElementById("myId").setAttribute("href","www.xxx.com"); document.getElementById...("myId").href = "www.xxx.com"; jQuery: $("#myId").attr("href","www.xxx.com");
现象 使用了 jQuery 1.10 的版本,想实现 checkbox 的全部选中和全部取消选中,使用了 attr 的方法,如下: $(elem).attr(“checked”) 测试过程中发现,第一次从未选中状态变为选中...然后官方还特别注明了 As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been...文档还特别对 attr() 和 prop() 进行了对比,总体来说 jQuery 1.6 版本之后,为了保证函数在不同环境下表现的一致性,建议对于获取 DOM 元素的固有属性,使用 prop() 方法,...如果需要修改个性化(自定义)的属性字段,则需要使用 attr 方法。...参考资料: 1、jQuery attr 2、jQuery prop 3、W3C Forms
jQuery在很久之前,就封装了一个 $.fn.data() 的方法,而该方法是将数据存放在DOM内部的一个数据对象中。...在data-attr来了之后, $.fn.data() 也支持用来读取DOM上面的data-attr,但是,它会缓存这个结果到DOM内部的数据对象,他会缓存,缓存,缓存。...如果你有一些样式,是希望同步这个data-attr的状态的,用 $.fn.data() 来操作就会发生一些奇怪的事情(之前一次没细看jQuery这块的实现,只是发现出来的效果怪怪的),建议改用 $....fn.attr() 方法或者JS原生方法。...附: 为了和 $.data() 做区分,我这里用 $.fn.attr() 和 $.fn.data() 这种jQuery原型链上的方法来表示 $(selector).data()
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。...百度 这个例子里元素的DOM属性有“href、target和class...删除 这个例子里元素的DOM属性有“href、id和action”,很明显,前两个是固有属性,而后面一个“action...$("#chk1").prop("checked") == false $("#chk2").prop("checked") == true 如果上面使用attr方法,则会出现: $("#chk1")....attr("checked") == undefined $("#chk2").attr("checked") == "checked"
隐式迭代: 设置操作的时候,如果是多个元素,那么给所有的元素设置相同的值 获取操作的时候,如果是多个元素,那么只会返回第一个元素的值。...,移除该样式,如果没有,添加该样式。.../jquery-1.12.4.js"> $(function () { $(".tab-item").mouseenter(function...aa:"bb" })*/ 获取属性简单 prop操作 //对于布尔类型的属性,不要attr方法,应该用prop方法 prop用法跟attr方法一样。...日式肥牛 田老师 <script src="<em>jquery</em>
利用JavaScript和jQuery获取页面中的a链接: jQuery方法: //$('a') 获取了所有的a标签,然后循环获取 $('a').each(function(){ var href... = $(this).attr('href'); console.log(href); }); JavaScript方法: 可以封装成一个函数 function getHref(){ var...document.getElementsByTagName('a'); //获取这个页面的所有A标签 for( var i=0; i<hrefArr.length; i++ ){ hrefURL = hrefArr[i].href
例如改变链接中 href 属性的值: $("button").click(function(){ $("#w3s").attr("href","http://www.w3school.com.cn/...jquery"); }); attr() 方法也允许您同时设置多个属性。...同时设置 href 和 title 属性: $("button").click(function(){ $("#w3s").attr({ "href" : "http://www.w3school.com.cn.../jquery", "title" : "W3School jQuery Tutorial" }); }); attr() 的回调函数 jQuery 方法 attr(),也提供回调函数。...带有回调函数的 attr() 方法: $("button").click(function(){ $("#w3s").attr("href", function(i,origValue){
一、背景 在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?...="btn">百度主页 在上面这个例子中,href、target、class、id这些dom属性,是a元素本身就具有的。...2.我们经常会使用a标签进行触发自定义事件 1 删除文章 这个例子中该DOM元素的属性有:href、id、action..."#se").prop("checked") == false $("#sel").prop("checked") == true $("#op").prop("selected") == true 如果使用...attr方法会出现下面的结果 $("#se").attr("checked") == 'undefined' $("#sel").attr("checked") == 'checked' $("#op"
input"); for (var i=0; i<list.length; i++){ console.log('input ' + i + ':' + $(list[i]).attr...注意,这里获取状态值时,我们使用了jquery的attr函数。...莫非jquery的attr有bug!? 几经查询,发现不是attr有问题,是我用错了api。应该使用prop, 而不是attr。...附官方建议attr(),prop()的使用: Attribute/Property .attr() .prop() accesskey √ align √ async √ autofocus...√ checked √ class √ contenteditable √ draggable √ href √ id √ label √ location ( i.e. window.location
而在jQuery中用attr()与removeAttr()就可以全部搞定了,包括兼容问题 attr()获取和设置元素属性 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值...()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute) 优点: attr、removeAttr都是jQuery...为了属性操作封装的,直接在一个 jQuery 对象上调用该方法,很容易对属性进行操作,也不需要去特意的理解浏览器的属性名不同的问题 dom概念的区分: Attribute和Property翻译出来都是...,获取Property就需要用prop 2 html()及.text() 读取、修改元素的html结构或者元素的文本内容是常见的DOM操作 jQuery针对这样的处理提供了2个便捷的方法.html()...text的方法操作是一样,只是在具体针对处理对象不同 .html处理的是元素内容,.text处理的是文本内容 .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点
我在开发过程一般获取a的没有指定的href值的超链接进行提示项目展示,未跳转至具体链接等温馨提示! 下面附上js代码!...$(function(){ $('a').click(function(){ return false; var ahref=$(this).attr('href'); if(ahref...上述代码,简单的获取当前点击的超链接的href值,如果href值不存在,则使用console进行提示测试人员! 项目开发完成可以随时删除此代码,代码压缩精简!
领取专属 10元无门槛券
手把手带您无忧上云