位置: 编程技术 - 正文

jQuery获取attr()与prop()属性值的方法及区别介绍(jquery获取outerhtml)

编辑:rootadmin

推荐整理分享jQuery获取attr()与prop()属性值的方法及区别介绍(jquery获取outerhtml),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery attr获取属性值,jquery获取a的href,jquery获取tr下的td值,jquery获取td,jquery获取tr下的td值,jquery获取tr的个数,jquery获取tr的个数,jquery获取attr属性,内容如对您有帮助,希望把文章链接给更多的朋友!

今天在项目中使用<select></select>下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下:

咋一看好完美,木问题,但是我发现在Safari浏览器中,根本不起作用!!仔细查看一番发现,在Safari浏览器中,属性确实是设置成功了,既value=2的那一项确实是<option value="2" selected="selected">2</option>。那问题出在哪呢?冷静,不要方,万能的stack说只要把attr改成prop就行了,卧槽还真行了,这是啥诡异事件。好吧,我们需要来研究研究了,不用想,肯定是需要祭出官方文档了。

1.attr() : 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 &#;.attr( attributeName ) &#;.attr( attributeName )

&#;.attr( attributeName, value ) &#;.attr( attributeName, value )&#;.attr( attributes )&#;.attr( attributeName, function(index, attr) )

2.prop() : 获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。 &#;.prop( propertyName ) &#;.prop( propertyName )

&#;.prop( propertyName, value ) &#;.prop( propertyName, value )&#;.prop( properties )&#;.prop( propertyName, function(index, oldPropertyValue) )

看出区别了吗,没错,是参数有区别,attr()传入的是attributeName,而prop()传入的是propertyName,现在我们的问题转移了,我们需要研究的是attributeName和propertyName之间的区别了。

Attributes vs. Properties

在这里,我们可以将attribute理解为“特性”,property理解为为“属性”从而来区分俩者的差异。如果把DOM元素看成是一个普通的Object对象,这个对象在其定义时就具有一些属性(property),比如把select的option当做一个对象:

现在,我们一目了然了,attribute是一个特性节点,每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点,它是一个类数组的容器。attributes的每个数字索引以名值对(name=”value”)的形式存放了一个attribute节点。而property就是一个属性,是一个以名值对(name=”value”)的形式存放在Object中的属性。

jQuery获取attr()与prop()属性值的方法及区别介绍(jquery获取outerhtml)

回到一开始的问题,根据W3C的表单规范 ,在selected属性(property)是一个布尔属性, 这意味着,如果这个特性(attribute)存在, 即使该特性没有对应的值,或者被设置为空字符串值,或甚至是"false",相应的属性(property)都还是为true。 selected特性(attribute)值不会因为复选框的状态而改变,而selected属性(property)会因为复选框的状态而改变。因此,跨浏览器兼容的检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态,请使用.prop()方法。

jquery中attr和prop的区别介绍

在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。

关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:

&#;对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。

&#;对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

上面的描述也许有点模糊,举几个例子就知道了。

这个例子里<a>元素的DOM属性有“href、target和class",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。

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

再举一个例子:

像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。

如果上面使用attr方法,则会出现:

jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法 工程分享:模块1:下拉菜单的实时显示最近一周时间://显示日期下拉选框for(vari=0;i7;i++){$("#choose1option:eq("+i+")").html(GetDateStr(-i));$("#choose1option:eq("+i+")").a

内容滑动切换效果jquery.hwSlide.js插件封装 经过前两部分的讲解,我们大概知道内容滑动切换的基本开发思路和技巧,现在我们在第三部分将前面两部分的代码进行优化,封装成一个jQuery插件:jq

jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果 Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播

标签: jquery获取outerhtml

本文链接地址:https://www.jiuchutong.com/biancheng/385851.html 转载请保留说明!

上一篇:jQuery+ajax实现实用的点赞插件代码

下一篇:jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法(jquery实现下拉菜单)

  • 建筑行业小规模纳税人免税政策
  • 如何分析成本费用偏高
  • 房地产简易征收可以开专用发票吗
  • 贷款逾期的本金怎么计算
  • 库存产品亏本销售账务处理
  • 人力资源劳务费发票税率
  • 工程项目企业座谈会新闻稿件
  • 试分析营改增的重大意义
  • 小规模纳税人是小微企业吗
  • 电话宽带是什么意思
  • 小规模纳税人注销流程及费用
  • 每月免税10万是什么意思
  • 工商年报纳税总额是应缴还是实缴
  • 投资股权投资基金算不算利好
  • 员工工牌的作用
  • 房屋盘盈入账须要交税吗
  • 营改增后增值税税率的调整
  • 增值税普通发票有什么用
  • 涉及农业的税收优惠有哪些
  • 已核销的应收账款
  • 如何禁用Windows10更新
  • 普通发票用记账吗
  • 炫龙dd3笔记本怎么样
  • 土地使用税如何终止申报
  • windows 7怎么打开虚拟化
  • PHP:Memcached::touch()的用法_Memcached类
  • 印花税怎么计提和结转
  • 超过认证期的发票怎么办
  • 若依框架使用
  • 纳税人临时到外省从事经营活动
  • 资产负债表中的货币资金怎么算
  • 会计申报需要哪些数据
  • 铡刀演示
  • 织梦怎么添加相关
  • 营改增小规模纳税人可以进项税额扣除对吗
  • 再次回归的成语
  • 税务自查报告范文自查报告怎么写
  • 小企业准则季度汇总
  • 应收票据包括哪些项目内容
  • 兼职工作是单位工作吗
  • 公司一年没有业务
  • 公司收到银行存款利息回单的会计分录
  • 在sqlserver2008中
  • 小微企业所得税税率
  • 库存现金挂账多久
  • 个人所得税是全国联网的吗
  • 视同销售的情况是?
  • 银行收到电子承兑怎么查
  • 水利建设基金现在入费用还是入应交税费了
  • 待报解预算收入什么意思
  • 安防工程注意事项有哪些
  • 上年度亏损,本年要交所得税吗
  • 以前年度损益调整怎么结转
  • 银行电子承兑汇票到期怎么兑现
  • 工程预付款发票开什么明细项目
  • 机动车转让后未过户原车主要承担赔偿责任
  • 增值税发票过期一年未认证怎么办
  • 净水设备配件计算方法
  • 什么叫进项税率
  • 购入自用的机器怎么入账
  • 开了票收不到钱怎么做账
  • 企业认缴的资金放哪里
  • 会计调账情况模板
  • Mysql使用or如何优化
  • Windows Sever 2016技术预览版3 本月发布
  • 微软the initiative
  • sxgdsenu.exe - sxgdsenu是什么进程 有什么用
  • quickdcf.exe - quickdcf是什么进程 作用是什么
  • 服务器centos7
  • win10开机显示recover
  • cocos2d-x教程
  • u3d手游开发
  • js生成随机数函数
  • ug编程代码意思
  • js 进阶
  • openlayers3示例
  • 国家税务局级别排名
  • 浙江个体户开票软件
  • 岗位能手竞赛
  • 企业对税务局建议
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设