js attr与prop_js attr prop_js prop attr - 腾讯云开发者社区

不巧面试被问到了attr()和prop()的区别，稍加学习记录如下： 1. attribute和property attribute 一个网页就是一棵DOM树，DOM树由节点构成，节点分为三种：元素节点...DOCTYPE html> attr() vs prop() ...checkbox" checked="false"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.<em>js</em>...通过上节我们看到<em>prop</em>来自节点对象自带的，它包含了很多property；而<em>attr</em>来自对象的attributes，是我们在元素节点上添加属性节点才会有的。...3. <em>prop</em>()和<em>attr</em>()的区别？

1.5K5 0

jquery中attr和prop区别

区别： prop：attr 方法针对单选框和复选框的是否选中问题操作复杂（元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true...或者 false 那么简单）示例：元素.prop("checked"); // 获取这个元素是否选中（可以直接显示true或false），更加方便。

8061 0

您找到你想要的搜索结果了吗？

是的

没有找到

jquery中attr()和prop()的区别

1、操作对象不同很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。...()函数的设计目标是用于设置或获取指定DOM元素(指的是JS对象，Element类型)上的属性(property)；attr()函数的设计目标是用于设置或获取指定DOM元素所对应的文档节点上的属性(attribute...2、应用版本不同 attr()是jQuery 1.0版本就有的函数，prop()是jQuery 1.6版本新增的函数。...prop()函数操作的是JS对象的属性，因此设置的属性值可以为包括数组和对象在内的任意类型。...('input').prop('checked',true); } }) // attr / prop // attr ==> getAttribute

1.8K2 0

jQuery中prop和attr的区别

HTML5学堂：本文介绍了prop和attr的区别。...jQuery中有这么两个东西 —— attr()与prop()，很多开发者在使用时，经常容易混淆，今天HTML5学堂小编-其其就带你一起看看attr和prop方法。...attr与prop的真身 attr全称attribute(属性) prop全称property(属性) 虽然都是属性，但他们所指的属性并不相同，attr所指的属性是HTML标签属性，而prop所指的是DOM...对象属性，可以认为attr是显式的，而prop是隐式的。...html代码 js代码 $("#box").attr("checked") // undefined $("#box").prop("

1.5K9 0

jQuery.prop , jQuery.attr ,jQuery.data

.prop(propertyName,value) 设置对应的属性值。如果是多个的话都设置。同.attr。如果想通过这个方法来改变一个input的type属性，是会抛出异常的。...接下来是.attr() 和prop很基本一样，都是4个重载。其中第三个方法，传入一个object，想改变class attribute的时候记得一定要加双引号，因为class是个关键字。...jQuery1.6以后，用.prop()特指获取property，.attr()特指获取attribute。...在jQuery1.6以前的版本中，也可以用.attr()来获取。但这其实不是.attr的分内之事，因为这些只是property，而不是attribute。比如有这个。...$(elem).attr("checked")永远是checked 或者 undefined。

3.8K2 0

第82天：jQuery中prop()和attr()的区别

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。...这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。...处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。...$("#chk1").prop("checked") == false $("#chk2").prop("checked") == true 如果上面使用attr方法，则会出现： $("#chk1")....attr("checked") == undefined $("#chk2").attr("checked") == "checked"

4902 0

jQuery基础--CSS操作、class操作、attr操作、prop操作

/jquery-1.12.4.js"> $(function () { $(".tab-item").mouseenter(function...操作设置属性 //用法和css一样 //设置单个属性 //attr(name, value) //$("img").attr("alt", "图破了"); //$("img...").attr("title", "错错错错"); //设置多个属性 /*$("img").attr({ alt:"图破了", title:"错错错",...aa:"bb" })*/ 　获取属性简单 prop操作 //对于布尔类型的属性，不要attr方法，应该用prop方法 prop用法跟attr方法一样。...日式肥牛田老师 <script src="jquery-1.12.4.<em>js</em>

1K2 0

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

一、背景　　在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候，经常不知道dom元素的attr和prop方法到底有什么区别？...各自有什么应用场景，什么时候使用attr方法更合适？什么时候使用prop方法更加方便？今天我就结合自己平常的使用来谈谈这些问题以及我个人的理解。...这些属性被称为dom元素的自定义属性，这种情况下，我建议使用attr方法。此时若使用prop方法进行设置和获取该属性的值时就会返回undefined值。　　...如果使用attr方法会出现下面的结果 $("#se").attr("checked") == 'undefined' $("#sel").attr("checked") == 'checked' $(...使用prop()，其他的使用 attr()。

1.2K2 0

从一个bug说jquery中的attr和prop

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。...将 $(list[i]).attr('checked')替换为 $(list[i]).prop('checked')，相应图1，图2操作得到的结果是 input 0:false input...附官方建议attr(),prop()的使用： Attribute/Property .attr() .prop() accesskey √ align √ async √ autofocus

4992 0

Prop 验证与非 Prop 的 Attribute

# Prop 验证与非 Prop 的 Attribute # Prop 验证 API (opens new window) 子组件对父组件传递来的参数进行校验 Vue.component('my-component...== -1 } } } }) # 非 Prop 的 Attribute API (opens new window) 当子组件没有定义对应的Prop来接收父组件传来的值时，这个值将会出现在组件根元素的

4741 0

js的attr用于设置属性值

$("#collapseExample").attr("display","none"); collapseExample 可能是 Bootstrap 框架中的一个折叠元素（Collapse），当点击某个触发器时...使用 attr() 方法修改 CSS 样式不生效是因为该方法主要用于设置元素的属性值，而非样式。虽然某些属性值可能会影响元素的呈现效果，但这并不是它们的本意和正确用法。...总之，使用 .css() 方法是修改元素样式的正确和推荐方式，而不是使用 attr() 方法。

3423 0

React prop类型检查与Dom

除了引入外部工具之外，React也提供了参数类型检查的功能，只需要为每一个属性指定一个 propTypes 即可： // 15.5之后，需要单独引入依赖才能使用类型检查 import PropTypes from 'prop-types.../matchme/.test(props[propName])) { return new Error( 'Invalid prop `' + propName + '` supplied.../matchme/.test(propValue[key])) { return new Error( 'Invalid prop `' + propFullName + '...但是在使用之前最好多花点时间来思考为什么状态需要由不同的组件层次来控制，通常情况下组件之间的状态最好由他们共同的祖先来控制： React 状态、事件与动态渲染 *使用警告如果ref的回调方法被定义为一个内联方法

1.6K2 0

【前端JQ】jQuery赋值checked的几种写法，attr()方法不好使，建议使用prop()方法。

注意：操作checked、disabled、selected属性，强制建议只用prop()方法!!，不要用attr()方法。　　...jQuery判断checked是否是选中状态的三种方法: 　.attr('checked') // 返回:"checked"或"undefined" ; 　.prop('checked') // 返回true...","true"); //不标准，不推荐了　　jQuery的prop()的赋值(推荐如下写法): 　$("#checked").prop("checked",true); //标准写法，推荐! 　.../函数返回true或false 　}); 在项目实际应用中，使用.attr()方法时，在多次选中取消再选中之后.attr()方法就不生效了。...所以正确的用法应该是使用.prop()方法。可以保证每次都会生效。

1.2K3 0

Knockout.Js官网学习（style绑定、attr绑定）

Profit Information <script type="text/javascript" src="~/Scripts/knockout-2.3.0.debug.<em>js</em>...绑定 <em>attr</em> 绑定提供了一种方式可以设置DOM元素的任何属性值。...<em>attr</em>绑定简单示例 Report <script type="text/javascript...应用的属性名字不是合法的JavaScript变量命名如果你要用的属性名称是data-something的话，你不能这样写： <div data-bind="<em>attr</em>: { data-something...例如 ...

3.9K2 0

watch.js 源码解读

watch.js 源码解读用麻雀虽小五脏俱全来描述Watch.js比较合适。“观察者”模式是我们在开发的时候经常需要用到的。...使用Watch.js那么我们就可以实现在“每当对象属性改变的时候，执行你的函数”。...具体的方法描述参考MDN上的文档 Watch.js利用了属性的accessor方法实现了对属性变化的监听，代码如下： defineWatcher = function (obj, prop, watcher...]); // 与旧的序列化值判断 if(newSer !...总结抛开watch.js的bug不谈，它还是有很多可圈可点的地方。

1.3K1 0

js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）

标签可以点击文字就能选中单选框或者是取消选择单选框 label标签的两种使用方法： https://blog.csdn.net/qq_40015157/article/details/110850331 二、js...tesObj[i].checked==true){ alert(tesObj[i].value+' 是选中的value值'); break; } } 2、js...() 无法起到作用，attr() 与 prop() 的区别详见文章。...('checked', 'checked'); $('input:radio:first').prop('checked', true); $('input:radio:first').attr(...$('input:radio').slice(1,2).prop('checked', true); $('input:radio').eq(索引值).attr('checked', true);/

7K6 0

【前端】：property OR attribute

目录 1. jQuery.prop OR jQuery.attr 1.1. jQuery.prop 1.2. jQuery.attr 2. property OR attribute...几道笔试题 1. jQuery.prop OR jQuery.attr 1.1. jQuery.prop The .prop() method gets the property value for only...the scope of attr....", $("input").prop("checked"), "|", "attr", $("input").attr("checked")); } </html...图2-1：property 与 attribute 间关系 ? <!

1.5K2 0

学习zepto.js(对象方法)

学习zepto.js(对象方法)[3] 继续说zepto里attributes的相关操作. attr,removeAttr,prop这三个方法....dom元素的属性值.功能相当于 (prop = attr - removeAttr); prop用法与attr相同.只不过没有remove功能.两者的区别在这里读取或设置dom元素的属性值。...那是zepto.js中文api中所说的.本人认为,在判断有关交互的属性时,应优先使用prop,比如checked和selected; ? ? 之所以为出现差异,是因为两者底层实现的区别. ?...prop采用的是上边那种,而attr是两种都用到了; getAttribute()方法只能取出存在于标签中的属性” “ // 只能取出id与name.隐式的属性是取不出来的,比如style ?...执行过程与attr的类似,但是attr赋值是通过setAttribute()方法,取值是getAttribute()与对象属性取值的结合.而prop完全操作的是对象的属性; 再来点吧.说说data方法与

2.6K9 0

jQueryJS判断设置checkbox的选中状态

项目中经常遇到 checked 选中的问题，可以通过 JS 或者 jQuery 实现。...1、JS 方法判断选中： var check = document.getElementsByTagName('input')[0]; console.log(check.checked);//false...() 方法，HTML代码与上面相同，只放 jQuery 代码： console.log($("input[type='checkbox']").attr('checked'));//false 不要想着在...JQ1.6版本之前使用 prop() 方法，只会报出 $().prop()is not a function 的错误 (2)、JQ1.6版本之后Jquery中新引入了 prop() 方法，此时再用 attr...1.6+版本 prop() 方法： console.log($("input[type='checkbox']").prop('checked'));//false (3)、除了以上两种方法JQ中还有一个

17.6K1 0

Jquery 判断 checked 是否选中

如果要判断Js中的 checked 是否选中，首先取决于你引用的 Jquery 的版本。...首先，我引用的是 jQuery v1.11.2 的版本出现的效果如下：（建议：选用 jquery-1.8.3.min.js 会比较稳定点） <!..., function(index, oldPropertyValue) ) .prop()和 .attr()区别 prop是Jquery 从1.6开始提供新的方法。...根据官方的建议：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr() 那么，什么时候使用attr()...1.添加属性名称该属性就会生效应该使用prop(); 2.是有true,false两个属性使用prop(); 3.其他则使用attr(); 项目中jquery升级的时候要注意这点！

2.6K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

jQuery: attr() vs prop()

jquery中attr和prop区别

jquery中attr()和prop()的区别

jQuery中prop和attr的区别

jQuery.prop , jQuery.attr ,jQuery.data

第82天：jQuery中prop()和attr()的区别

jQuery基础--CSS操作、class操作、attr操作、prop操作

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

从一个bug说jquery中的attr和prop

Prop 验证与非 Prop 的 Attribute

js的attr用于设置属性值

React prop类型检查与Dom

【前端JQ】jQuery赋值checked的几种写法，attr()方法不好使，建议使用prop()方法。

Knockout.Js官网学习（style绑定、attr绑定）

watch.js 源码解读

js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）

【前端】：property OR attribute

学习zepto.js(对象方法)

jQueryJS判断设置checkbox的选中状态

Jquery 判断 checked 是否选中

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐