jQuery获取attr()与prop()属性值的方法及区别介绍
今天在项目中使用
来了解一下attr()和prop()的基本概念和用法。attr()用于获取或设置元素的属性（attribute），而prop()用于获取或设置元素的属性（property）。在DOM中，我们可以将attribute理解为“特性”，property理解为“属性”，以此来区分两者。
如果把DOM元素看作一个普通的Object对象，这个对象在定义时就有一些属性（property），比如select的option。这些属性中，有些与HTML元素的特性（attribute）相对应。例如，一个option对象可能有selected、disabled等属性。
现在，让我们回到最初的问题。根据W3C的表单规范，selected是一个布尔属性。这意味着，即使selected特性（attribute）存在且没有值或被设置为空字符串，相应的selected属性（property）也会被设置为true。关键的区别在于，selected特性（attribute）的值并不会因为复选框的状态而改变，而selected属性（property）会随之改变。
在最初的代码中，我尝试使用attr()方法设置selected特性（attribute），但在Safari浏览器中未能成功。这可能是因为我没有正确区分attribute和property。当我改用prop()方法时，问题得到了解决。这是因为prop()方法直接操作的是元素的属性（property），更符合W3C规范，因此能够在所有浏览器中正常工作。
attr()和prop()之间的区别在于它们操作的对象不同：一个是特性（attribute），一个是属性（property）。在处理表单元素时，特别是涉及布尔属性时，使用prop()方法更为可靠，因为它更符合W3C规范，能够在所有浏览器中正常工作。关于jQuery中的attr和prop方法：深入与应用场景
随着jQuery版本的更迭，prop方法逐渐崭露头角，与此何时使用prop，何时使用attr，它们之间有何不同，这些问题也随之浮出水面。今天我们就来深入聊聊这两个方法的不同之处，并分享一些应用实例。
我们需要明确一点：attr和prop在处理DOM属性时各有侧重。简单来说，对于那些HTML元素本身就具有的固有属性，我们应该使用prop方法；而对于我们为HTML元素自定义的DOM属性，则推荐使用attr方法。
让我们通过一些实例来进一步理解这个概念。
例如，我们有一个链接：百度。在这个例子中，元素的“href”、“target”和“class”属性都是该元素本身就具有的属性，我们可以称之为固有属性。对于这些固有属性，我们应该使用prop方法来获取和设置它们的值。
再看另一个例子：删除。这里的“action”属性是我们为元素自定义的，并非其固有属性。对于这种自定义的DOM属性，我们应该使用attr方法来获取和设置它们的值。如果我们尝试使用prop方法来获取自定义属性的值，可能会得到undefined的结果。
对于一些特殊的HTML元素，如checkbox、radio和select等，它们的“checked”和“selected”等属性也属于固有属性。对于这些元素，我们需要使用prop方法来获取和设置这些属性的值，以确保得到正确的结果。例如，对于复选框，我们可以使用$("chk1").prop("checked")来检查其是否被选中。如果我们尝试使用attr方法来获取这个值，可能会得到undefined的结果。
attr和prop方法在处理DOM属性时各有其用途。对于HTML元素的固有属性，我们应该使用prop方法；对于自定义的DOM属性，我们应该使用attr方法。只有正确区分这两种属性，并合理选择使用哪种方法，我们才能更好地操作DOM元素，实现我们的需求。希望这篇文章能帮助你更好地理解attr和prop的区别，并在实际开发中合理运用它们。
编程语言
- jQuery获取attr()与prop()属性值的方法及区别介绍
- php实现分页工具类分享
- mysql 8.0.15 winx64解压版图文安装教程
- vue组件父与子通信详解（一）
- JS简单实现DIV相对于浏览器固定位置不变的方法
- 微信小程序如何获取用户手机号
- Node.js 8 中的重要新特性
- 跟我学Laravel之安装Laravel
- JavaScript实现拖拽元素对齐到网格（每次移动固定
- ajax实现输入提示效果
- vue中的计算属性的使用和vue实例的方法示例
- PHP memcache在微信公众平台的应用方法示例
- asp.net实现获取客户端详细信息
- 如何安装MySQL Community Server 5.6.39
- Java正则表达式基础入门知识
- CentOS 7.0如何启动多个MySQL实例教程(mysql-5.7.21)