首页
学习
活动
专区
圈层
工具
发布

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

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。 但不得不说的是,这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。...不过,在jQuery中,attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性,property表示JS对象的属性。 1 <!...4、其他细节问题 在jQuery 1.6之前,只有attr()函数可用,该函数不仅承担了attribute的设置和获取工作,还同时承担了property的设置和获取工作。...例如:在jQuery 1.6之前,attr()也可以设置或获取tagName、className、nodeName、nodeType等DOM元素的property。...因此,在jQuery 1.6及以后版本中,请使用prop()函数来设置或获取checked、selected、disabled等属性。

2.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。...这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。..." class="btn">百度  这个例子里元素的DOM属性有“href、target和class",这些属性就是元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE...处理这些属性时,建议使用attr方法。使用prop方法取值和设置属性值时,都会返回undefined值。...attr("checked") == undefined $("#chk2").attr("checked") == "checked"

    71720

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

    一、背景   在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?...标签来进行链接到不同的页面 1 百度主页 在上面这个例子中,...也是W3C里本身就包含的几个属性,换句话说是IDE中能够自动提示的属性,这些属性就被称为dom元素的固有属性,这种情况下,我建议使用prop方法。   ...a标签中的固有属性中并不包含该属性。这些属性被称为dom元素的自定义属性,这种情况下,我建议使用attr方法。此时若使用prop方法进行设置和获取该属性的值时就会返回undefined值。   ...方法会出现下面的结果 $("#se").attr("checked") == 'undefined' $("#sel").attr("checked") == 'checked' $("#op").attr

    2K20

    WordPress中的jQuery库不起作用的相关问题

    WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库,在使用一些jQuery 插件的时候明明是代码没有错误,但就是不起作用,该有的效果不能实现;但加载了原版的jQuery 库却又可以了,这样一来却同时加载了两个...后来才了解到:为了防止与其他 JS 库(如 YUI)冲突,WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东,以至于在jQuery 代码中用...$ 代替jQuery 的写法不能识别,一些功能不起作用的原因正是由此而来。...如何解决这个问题,网络上有以下解决方案: 方案一:将相关js代码中的$ 手动改为 jQuery。

    6.2K60

    基于jQuery UI CSS Framework开发Widget

    jQuery UI CSS Framework是jQuery UI中的一个样式框架,可以利用jQuery Theme roller 来生成自己想要的css样式效果。...在jQuery css framework中包含了基本的css样式(视觉和感觉诸如颜色,字体大小,图标等),而在ui的css中,则需要定义构建widget结构的css,比如margin,padding,...在开发widget的时候也要尽量遵循这一原则,这样才能很好的利用jquery theme roller来应用样式,从而在整体上保持一致,在前面的文章中简单的 介绍了jquery css framework...在widget中,所有的私有方法都将加以"_"前缀。 _create(): 这个方法就是创建widget的方法,在页面调用widget的时候,就会执行此方法,来构建widget。...默认状态的样式;ui- corner-all 圆角(基于css3,ie下不起作用) this.element.addClass("ui-widget ui-state-default

    2.3K100

    List.append() 在 Python 中不起作用,该怎么解决?

    在 Python 中,我们通常使用 List.append() 方法向列表末尾添加元素。然而,在某些情况下,你可能会遇到 List.append() 方法不起作用的问题。...问题描述虽然 List.append() 方法通常在 Python 中运行良好,但在某些情况下,它可能无法正常工作。以下是一些可能导致 List.append() 方法不起作用的情况:1....变量重新赋值在 Python 中,列表是可变对象,也就是说,它们可以通过引用进行修改。...列表作为函数参数另一个导致 List.append() 方法不起作用的常见情况是将列表作为函数的参数传递。在 Python 中,函数参数传递是通过对象引用实现的。...结论List.append() 方法在 Python 中通常是一个方便且常用的方法,用于向列表末尾添加元素。然而,当遇到某些情况时,它可能不起作用。

    8.1K20

    Raphael path 拖动实现

    使用简单,一个值得一提的卖点是通过抽象出共同的接口屏蔽了 SVG 和 VML 之间的差异,做到了对主流浏览器的支持,包括很不给力的 IE6。...在官方网站上也有拖放操作的例子。可惜的是,官方的这个例子的写法只对 Circle,Rect 等有效,但对于 Path 却不起作用。...而不是距离上次 move 回调时鼠标位置的相对位移值 我们在 start 和 move 中记录并不断更新相对上次鼠标位置的相对位移值,并保存在 this.lastX 和 this.lastY 中 我们通过...this.translate() 进行实际的移动操作 在一开始,要设置 fill 属性,否则就不能进行移动操作 这个例子不但能工作,更好的是,因为所有的 Raphael 矢量对象都有 translate...那么,是不是能做出来类似 jQuery.ui 里面的 draggble 的函数呢。下面就是一个简单的扩展,为 Raphael 对象加入了 draggable 方法。

    2.2K50

    h5新功能data-*,好好利用,还能做数据双向绑定

    标题是data-,但是这里主要讲伪元素,看明白就知道了 1、jQuery Selectors 获取伪元素的属性值 虽然JS里没有可以直接操作伪元素的选择符,然而获取其CSS属性的方法还是有的。...,width等属性在未来都有希望用这个方法更改,然而目前只有content支持该方法,其余的都还是草稿状态,尚未有浏览器支持。...'这种写法在chrome和IE下都行得通,但是firefox会返回'undefined',所以建议还是使用index值来获取stylesheet */ .insertRule的语法是stylesheet.insertRule...(CSS中先定义的样式总是会被后定义的覆盖就是这个缘故。)...StyleSheetList,然而第一个如果是link而不是style,前面讲过此时无法获取对应的cssRules,则document.styleSheets[0].cssRules为null,insertRule方法不起作用

    2.1K40
    领券