jqueryattr方法/jquery中attr的用法

本文目录一览：

• 1、jquery中attr和prop的区别
• 2、jQuery中attr和prop在修改checked属性时的区别
• 3、jquery中prop方法和attr方法的区别浅析
• 4、jquery的children和removeAttr方法

jquery中attr和prop的区别

1、另外，prop（）方法是在jQuery 6版本后新增的。此外，在IE9及更早版本中，如果property没有在DOM元素被移除之前删除，使用.prop（）方法设置DOM元素property（除了简单类型：number、string、boolean）会导致内存泄露。为了安全地设置DOM对象的值并避免内存泄露，可以使用.data（）方法，但目前为止尚未遇到相关问题。

2、在jQuery中操作checkbox的checked属性时，使用attr和prop方法会得到不同的结果。如果未定义checked=checked，使用$.attr（checked）会返回undefined，而使用prop方法，则会输出true或false。因此，当我们需要设置或获取checked状态时，prop方法更为合适，因为它能正确反映DOM元素的当前状态。

3、prop和attr的根本区别在于：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。百度 这个例子里元素的DOM属性有“href、target和class，这些属性就是元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。

jQuery中attr和prop在修改checked属性时的区别

1、而使用$.prop（checked，true）获取的结果则分别为false和true，这是因为property会随着复选框状态的变化而变化。因此，在需要修改复选框的checked状态时，应该使用$.prop（）方法。另外，prop（）方法是在jQuery 6版本后新增的。

2、在jQuery中操作checkbox的checked属性时，使用attr和prop方法会得到不同的结果。如果未定义checked=checked，使用$.attr（checked）会返回undefined，而使用prop方法，则会输出true或false。因此，当我们需要设置或获取checked状态时，prop方法更为合适，因为它能正确反映DOM元素的当前状态。

3、没有太大区别。一般情况下具有 true 和 false 两个属性的属性，如 checked， selected 或者 disabled 使用prop（），其他的使用 attr（）。以下来自网络，有兴趣可阅读：jQuery 6 开始新增了一个方法 prop（）。

4、这种就是自定义的DOM属性。处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。再举一个例子：是否可见是否可见 像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。

5、若要检索和更改DOM属性，比如元素的checked， selected， 或disabled状态，请使用.prop（）方法。Attributes vs. Propertiesattributes和properties之间的差异在特定情况下是很重要。jQuery 6之前 ，.attr（）方法在取某些 attribute 的值时，会返回 property 的值，这就导致了结果的不一致。

jquery中prop方法和attr方法的区别浅析

删除这个例子里元素的DOM属性有“href、id和action”，很明显，前两个是固有属性，而后面一个“action”属性是我们自己自定义上去的，元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。

jQuery的 .attr（） 方法得到了一个元素的属性值主要有两个好处：方便：它可以直接被jQuery对象访问并且链式调用其他jQuery方法。浏览器兼容：一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。 .attr（） 方法减少了兼容性问题。

在jQuery中操作checkbox的checked属性时，使用attr和prop方法会得到不同的结果。如果未定义checked=checked，使用$.attr（checked）会返回undefined，而使用prop方法，则会输出true或false。因此，当我们需要设置或获取checked状态时，prop方法更为合适，因为它能正确反映DOM元素的当前状态。

另外，prop（）方法是在jQuery 6版本后新增的。此外，在IE9及更早版本中，如果property没有在DOM元素被移除之前删除，使用.prop（）方法设置DOM元素property（除了简单类型：number、string、boolean）会导致内存泄露。

以前我们使用attr获取checked属性时返回checked和，现在使用prop方法获取属性则统一返回true和false。

jquery的children和removeAttr方法

1、语法分别如下：.children（selector）selector字符串值，包含匹配元素的选择器表达式。（selector）.removeAttr（attribute）attribute必需，从指定元素中移除的属性。

2、removeClass（） 方法用于移除类名，语法为 removeClass（），若不传参数则表示删除所有类名。toggleClass（） 方法用于切换类名，若类名存在则移除，否则添加，语法为 jQuery 对象.toggleClass（类名）。

3、语法：$（selector）.attr（attributeName， value）示例：$（div）.attr（class， my-class） 将所有找到的div元素的class属性设置为my-class。可操作的属性 attr（）方法可操作所有HTML元素的属性，如id、class、style、href、src等。也能对自定义的属性进行操作，例如data-userId等。

4、jQuery的方法可以根据参数的不同实现不同的功能，如.html（）方法没有参数时表示取出元素的值，有参数时表示对元素进行赋值。jQuery的核心功能 元素操作 增：使用$（hello）创建新元素，并使用.append（）等方法将其添加到文档中。

5、jQuery对DOM的扩展 节点操作 查找节点：通过选择器（如$（div.class）定位元素，支持CSS3语法。插入节点：使用append（）、prepend（）等方法在元素内部插入内容，或after（）、before（）在外部插入。删除节点：remove（）删除元素及其子节点，empty（）仅清空子节点。

6、定义：attr（）方法是jQuery中用于获取或设置元素属性的方法，attr是attribute（属性）的缩写。用法：获取属性值：attr（属性名），用于获取第一个匹配元素的指定属性值。设置属性值：attr（属性名， 值），用于为匹配元素设置一个或多个属性/值对。