jquerattr和prop区别

jquery中的prop和attr比较区别

近期和一同事争执prop和attr的区别,也查了很多,同事说它只是特性和固有属性的区别,但是我也查到了一些其他的,故此,来总结一下吧! 1.固有属性和特别属性对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 例如: <input id="chk1" type="checkbox" />是否可见 <input id="chk2" type

jquery中attr()与prop()区别

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

html、text、val、attr、prop区别。this.value和$(this).val()区别以及return用法

html(): html() 方法返回或设置被选元素的内容 (inner HTML). 当使用该方法读取多个值时,它会返回第一个匹配元素的内容. 当使用该方法设置一个值时,它会覆盖所有匹配元素的内容. 取元素内容的时候会把指定元素下面的代码标签也能获取到 text() 读取多个返回多个和html()类似,但是只获取指定元素纯文本内容 val(): 返回或设置被选元素的值(读取多个只返回第一个),这点和html()类似通过value属性设置和获取,常用于input元素,只能用在表单元素上 at

jquery attr和prop区别

<input type="checkbox" /> <script> $(function() { $('input').click(function() { $(this).attr('checked'); }); }); </script> 点击 checkbox,结果都是 undefined 把 attr换成 prop 显示是可以的. prop 和 attr的区别具有 true 和 false 两个属性的属性,如 checked, selec

jQuery中attr()与prop()区别介绍

.attr() : 获取匹配的元素集合中的第一个元素的属性的值或设置每一个匹配元素的一个或多个属性. •.attr( attributeName ) •.attr( attributeName ) •.attr( attributeName, value ) •.attr( attributeName, value ) •.attr( attributes ) •.attr( attributeName, function(index, attr) ) .prop() : 获取匹配的元素集中

attr和prop区别

今天写了个小程序,获取input[checked]属性,$('#check1').attr('checked'),结果返回undefined,查询了一番, 如果是具有true和false两个属性值的属性如checked selected 或者disabled获取该属性值要用prop()返回boolean值,其他属性用attr().

query attr prop区别

大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined. jq提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用attr获取checked属性

jQuery 1.6+ 中attr()与prop() 区别

最近在写一个关于checkbox全选与取消全选的优化方法时,看到很多高手用到了.prop(). 于是在jquery的帮助文档查了一下,才知道这是在jquery 1.6.1中新加的方法,用来设置属性.但已经有了attr(),为何还要加入prop()呢?于是查阅了一下相关文档,总结一下. 下面主要写一下它们在何种情况下被使用: 一.checked,selected,readonly和disabled在1.6.1中和1.6之前的处理相同,也就是说还是直接用attr()即可,如 $(“:checkbox

checkbox之checked的方法(attr和prop)区别

1. $('#checkbox').click(function(){ if($('#checkbox').is(':checked')) { $(".sendmailhui").hide(); $(".sendmail").show(); }else{ $(".sendmailhui").show(); $(".sendmail").hide(); } }) 2. $("#chk").bind("

attr 和 prop 区别

jquery 中 attr 和 prop 都表示 "属性",同样是属性为啥还要弄两个! attr 适用于自定义属性如定义一个懒加载用的src 栗子 <img class="img1" src="" data-src="1.png" />//attr$('.img1').attr('data-src');//prop$('.img1').prop('data-src');//undefind porp使用场景:标

新版本的jquery checkbox 全选反选代码只能执行一遍，第二次就失败attr与prop区别

$("#all_check").click(function() { $("input[name='checkShop[]']").attr("checked",this.checked); }); var $subBox = $("input[name='checkShop[]']"); $subBox.click(function(){ $("#all_check").attr("checke

attr VS prop 区别

attr 能够增加.获取.删除页面属性.从页面中获取属性值: prop 用来获取.删除元素自带属性.从属性对象中获取属性值. attr 只获取静态属性值,就是页面加载时的最初的属性值: prop 可以获取动态属性值,通过js或页面操作改变元素的属性值之后,通过prop获取最新的属性值. attr 获取无值的属性时,返回的是 undefined prop 获取无值的属性时,返回的是空字符串在获取 checkbox 的 checked 属性时,使用 prop 获取到的是 true 或 false

JQ attr prop 区别

解决方法:使用prop属性代替attr属性一.Attr除 checked, selected, 或 disabled状态属性外,其余的属性均可用attr()设置和修改.$("img").attr("src");$("img").attr("src");$("img").attr("src","test.jpg");$("img").attr(&q

jQuery attr 与 prop 区别最简单分析

比较经典的解释: 在处理html元素本身就带有的固有属性时,使用prop方法,对于html元素中,我们自己定义的dom属性时,使用attr方法. 而咱自己的理解是: attr会忠实的获取设置dom标签中的任何字符串,里面有的,都能读取,而且是什么就读取什么,不会隐身转换,没有的读取的值为‘undefined’. 而prop只能读取浏览器里提前封装好的dom属性,即固有属性,对于自定义的东东,不认识,也因为是提前和浏览器勾搭好了,所以能隐式转换,比如选择按钮的checked,它就知道返回ture.

jquery的attr和prop区别之实例

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. html文件 <tr> <th></th> <td> <a class="easyui-linkbutton" style="width:60px;" onclick="selectAll()">全选</a> <a class=&

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()的区别

代码示例: <!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与prop

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

【转】jQuery的attr与prop

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

jQuery笔记总结

来源于:http://blog.poetries.top/2016/10/20/review-jQuery/ http://www.jianshu.com/p/f8e3936b34c9 首先,来了解一下jQuery学习的整体思路第一节 jQuery初步认知 jQuery概述 JQuery概念 javascript概念基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操作内存中的DOM元素 JQuery概念基于javascript的,同上,提高了代码的效率 j

js操作记录

让checkbox全选 $("#checkall").click(function(){ $("input[name='checklist']").prop("checked", $(this).prop("checked")) }) 顺便说下attr和prop区别,使用html固有属性时使用prop,使用我们加上去的附加属性的时候使用attr 获取下拉框选中值 $("#select").val() 判断一

jquerattr和prop区别

热门专题