Jquery属性获取——attr()与prop()

【Jquery属性获取——attr()与prop()】的更多相关文章

Jquery属性获取——attr()与prop()

今天在项目中使用<select></select>下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下:  <select> <option value="1">1</option> <option value="2" id="second">2</option> <option valu…

jQuery属性选择器.attr()和.prop()两种方法

在判断表单单选框是否被选中时,通常会想到使用$('#checkbox').attr('checked')来判断,但在一些情况下,你会发现这种方法并不管用,得到的是undefined. 原来jQuery在1.6版本以后对属性选择器做了一些调整,分为.attr()和.prop()两种方法.为的是区分元素attributes和properties之间模棱两可的东西. 那么它们之间有什么区别呢? 官方的解释是: Attributes vs. Properties The difference betwe…

jquery 属性操作 attr( ) prop（）css( ）区别

一 attr () 和 prop( ) 操作属性谈谈我的总结: 1 2 1 属性的定义,根据W3C手册所述:属性包括,标准属性:id class style title 语言属性 lang dir以及某些特定的元素的固有的属性,比如 a 的 href target 属性,input元素的 radio checked type alt src disabled value 等 ,img标签的width height src alt 等,不存在的属性叫做新增属性. 2 attr( ) 可以设置元素…

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

这些方法用于获取和设置 DOM 元素的属性. 一.attr():   //设置单个属性 //attr(name, value) $("img").attr("alt", "图破了"); $("img").attr("title", "错错错错"); /…

jQuery知识点：attr与prop的区别

做项目时遇到个莫名的问题,全选的时候仅第一次有效,再次点击全选按钮是无效了,查了查原因,看到篇很不错的文章,问题出在jquery中的attr属性上,这里做下笔记. 原文链接:http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 注:相比 attr,prop是1.6.1才新出来的,两…

【jQuery 区别】attr()和prop()的区别

1>>> 今天实现一个点击更新按钮 ,可以勾选上本行的的checkbox的功能: 使用代码: /** * updateproduct.htmls 更新产品信息 */ $(document).on("click",".table-bordered tbody tr a[class='up']",function(){ product = $.parseJSON( $(this).parents('tr').find("input&quo…

jquery添加属性使用attr、prop。

之前页面为标签添加属性都是使用的attr,删除使用removeAttr. 今天给checkbox添加checked属性时出现代码显示添加成功,但是页面不勾选内容. 后来查询发现checked是checkbox的固有属性,在这种时候应当使用prop赋值. attr适用于添加class等自定义标签.…

jQuery 属性操作 - attr() 方法

定义和用法 attr() 方法设置或返回被选元素的属性值. 根据该方法不同的参数,其工作方式也有所差异. 实例1 设置被选元素的属性和值. <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript"> $(document)…

jQuery中的attr()和prop()使用

总结:除了checked.seleted这样的属性推荐用prop()外,其他的随意都可以. 原因如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script type=&quo…

jquery中的attr与prop的区别,什么时候用attr,什么时候用prop

只要有 Boolean() 属性的,简单说就是具有true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),(其实这些都是表单类的), 其他的使用 attr()…

jquery中的attr与prop

http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html…

jQuery中操作属性的方法attr与prop的区别

attr 与 prop 都可以对某个属性进行获取和设置的操作,二者的用法相同: <script src = 'jQuery.js'></script> <script> // attr: // 设置单个属性 $(element).attr(name,value); // 设置多个属性 $(element).attr(obj); // 获取属性 $(element).attr(name); // prop: // 设置单个属性 $(element).prop(name,v…

Jquery学习笔记： attr和 prop的区别，以及为html标签自定义属性

一.自定义html标签属性对于html文件中的html标签,可以自定义属性,如: <a href="#" id="link1" action="delete">删除</a> 上面的标签a并没有action属性(也就是说w3c定义中没有给a标签定义action属性),但有href ,id 属性. 但我们一样可以给它加自己需要的属性,如这里的action.这个在很多场合下还是有用的,特别是当需要给标签来设置某些特性时. 我们…

attr prop jquery关于获取DOM属性值的两个函数

$('#domid').attr('acitve') $('#domid').prop('checked') // 在使用JQUERY获取DOM元素的属性时,有两个函数,attr 和 prop <a id="domid" href="cnblogs.com" checked="1" active="1">博客园</a> // 取得href属性的值 $('#domid').prop('href') //…

attr设置checked，disabled等属性失效的问题，jquery的attr和prop的区别

最近做项目遇到一个问题,radio设置了默认checked值,attr("checked",true)切换checked值失效最后发现是jquery1.6版本之后,attr和prop的不同导致的简单复现效果如下: 预览效果看效果可以知道,attr设置属性切换只有第一次是生效的,而prop切换每次都生效,prop切换的效果是满足项目需求的那么这两者的区别是什么: 在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同,但不得…

Jquery重新学习之二[属性attr(),removeAttr(),prop(),removeProp()]

1:属性.attr(name|pro|key,val|key,fn)与removeAttr(name) 1.1 .attr(name) 参数name为属性名称 <a id="my_href" href="#">连接</a> <input id="My_Cbox" type="checkbox" value="check1" checked="checked"…

JQuery属性操作之attr()和prop()的区别

代码示例: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>attr() 和 prop()区别</title> <script type="text/javascript" src="jquery.js"></script> <scri…

总结Jquery中获取自定义属性使用.attr()和.data()以及.prop()的区别

一..attr()和.data()的区别: .attr()和.data()本质上属于DOM属性和Jquery对象属性的区别. 看一个例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jquery中.attr和.data的区别</title> </head> <body> <p id="app&quo…

jQuery中attr()和prop()的区别，修改checked属性 jquery attr('checked' 不起作用 attr('checked' 不对

在做复选框全选按钮的时候,出现了一个问题,使用语句$.attr('checked',true),将复选框的属性改为被选中,在chrome浏览器中第一次点击有效后面就不行了,IE8倒是没有问题. 百度了很久找到原因是HTML的属性分为attribute和property,暂且将后者称为特性. checked属性即分为attribute->checked,和property->true,false. 对于一个checkbox,若未定义checked="checked",aler…

jquery中attr()与prop()区别

我们知道jquery中获取元素属性有两种常见的方法,一个是attr()方法,这个是用的比较多的,也是我们第一个想到的.另外一个就是prop()方法了,这个方法之前很少用到,它是jquery1.6之后新增的方法.那么这两个方法都是获取属性的,那么神马区别呢?闲话不多说,下面我们就来说说. 首先从单词解释来说attr和prop分别是单词attribute和property的缩写,它们均表示"属性"的意思.下面我们看一个简单的例子. <body> <input type=&…

jQuery中attr()、prop()、data()用法及区别

.attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property..prop(),此方法jq1.6引入,读/写DOM的property..data(),此方法在jq1.2.3引入,作用是把任意的值读取/存储到DOM元素对应的jq对象上. 从性能上对比,.prop() > .data() > .attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()…

jQuery的attr与prop

jQuery1.6中新添加了一个prop方法,看起来和用起来都和attr方法一样,这两个方法有什么区别呢?这要从HTMl 的attribute与property区别说起,attr与prop正是这两个东西的缩写. attribute与property attribute和property都可以翻译为属性,为了以示区别,通常把这两个单词翻译为属性与特性. <div id="test">Click Here</div> 上面这段HTML语句中有三个节点,分别是Elem…

jquery中dom元素的attr和prop方法的理解

一.背景在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?各自有什么应用场景,什么时候使用attr方法更合适?什么时候使用prop方法更加方便?今天我就结合自己平常的使用来谈谈这些问题以及我个人的理解. 二.举例说明 1.我们经常会在自己的页面中使用a标签来进行链接到不同的页面 <a id="link" href="http://www.ba…

jQuery函数attr()和prop()的区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. 1.操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思. 不过,在jQuery中,attribute和property却是两个不同的概念.attribute表示HTML文档节点的属性,property表示JS对象的属性…

jQuery 中 attr() 和 prop() 方法的区别

前几天,有人给 Multiple Select 插件提了问题: setSelects doesn't work in Firefox when using jquery 1.9.0 一直都在用 jQuery 1.8.3 的版本,没有尝试过 jQuery 1.9.0 的版本. 于是,开始调试代码,在 1.9.0 的版本中: <input type="checkbox" /> <script> $(function() { $('input').click(fun…

jQuery的attr与prop,attribute和property区别

jQuery1.6中新添加了一个prop方法,看起来和用起来都和attr方法一样,这两个方法有什么区别呢?这要从HTMl 的attribute与property区别说起,attr与prop正是这两个东西的缩写. attribute与property attribute和property都可以翻译为属性,为了以示区别,通常把这两个单词翻译为属性与特性. <div id="test">Click Here</div> 上面这段HTML语句中有三个节点,分别是Elem…

jQuery函数attr()和prop()的区别，val()

[自己总结,详情见下面转录的文章]: attr()用于操作html属性,prop()属性用于操作DOM属性 ①: 很多情况下可以互用 ②:attr()独自适用的情况,自定义的html属性,html属性和dom属性不同名的情况,如具有同一个值的属性:class(html),className(DOM) ③:prop()独自适用的情况,①html属性和dom属性不同名时;②表单中的checked,selected,disabled等属性 HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值…