位置: 编程技术 - 正文

jQuery 特性操作详解及实例代码(jquery属性操作)

编辑:rootadmin

推荐整理分享jQuery 特性操作详解及实例代码(jquery属性操作),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery基本操作,jquery的特性,jquery三大特点,jquery的对象属性有哪些,jquery三大特点,jquery的特性,jquery的特效有哪些,jquery的特效有哪些,内容如对您有帮助,希望把文章链接给更多的朋友!

前面的话

  每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。操作特性的DOM方法主要有3个:getAttribute()方法、setAttribute()方法和removeAttribute()方法,而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题。本文将介绍jQuery中的特性操作

获取特性

  jQuery中用attr()方法来获取和设置特性,attr是attribute(特性)的缩写,在jQuery DOM操作中会经常用到attr()方法

attr(attributeName)

  attr(传入特性名):获取特性的值,相当于DOM中的getAttribute()

  [注意]attr()方法只获取第一个匹配元素的属性值。要获取每个单独的元素的属性值,我们依靠jQuery的.each()或者.map()方法循环

prop()

  属性(property)和特性(attribute)是不同的。属性是DOM节点的属性,而特性是HTML标签的特性

  [注意]关于属性和特性的区别的详细信息移步至此

  由上面代码可知,jQuery并没有解决低版本IE浏览器属性和特性混淆的问题

设置特性

  设置特性虽然依然使用attr()方法,但却有3种方式

【1】attr(attributeName,value)

jQuery 特性操作详解及实例代码(jquery属性操作)

  attr(特性名, 特性值):设置特性的值,相当于DOM中的setAttribute()

  jQuery禁止改变一个<input>或<button>元素的type特性,会静默失败。因为IE8-不会允许改变<input>或者<button>元素的type特性,静默失败

【2】attr(attributes)

  attr(attributes):给指定元素设置多个特性值,即{特性名一: “特性值一”,特性名二:“特性值二”,…}

  当设置多个特性,包裹特性名的引号是可选的

  [注意]设置样式名“class”特性时,必须使用引号。否则IE8-浏览器下会报错

【3】attr(attributeName,function(index,attr))

  attr(特性名,函数值):通过使用一个函数来设置属性,可以根据该元素上的其它属性值返回最终所需的属性值

  函数中的index表示元素在匹配集合中的索引位置,html表示元素原来的HTML内容,this指向当前的元素,函数返回用来设置的值

  如果用javascript实现类似的效果,实际上就是字符串连接

  [注意]IE8-浏览器不支持getElementsByClassName()方法

删除特性

removeAttr(attributeName)

  removeAttr()方法使用原生的removeAttribute()函数,但是它的优点是可以直接在一个jQuery 对象上调用该方法,并且它解决了跨浏览器的特性名不同的问题

  要移除的属性名从1.7版本开始,可以是一个空格分隔的属性列表

通过此文,希望大家能对jQuery 特性操作的知识掌握,谢谢大家对本站的支持!

dul无法加载bootstrap实现unload table/user恢复 联系:手机(+)QQ()QQ咨询惜分飞标题:dul无法加载bootstrap实现unloadtable/user恢复作者:惜分飞最近有朋友误操作引起了非常大的事故,差点

json定义及jquery操作json的方法 一、背景json是一种轻量级数据交换格式,非常利于java服务与js的交互,本文将介绍json的简单定义和js如何解析json。二、内容1、json定义:简单的json格式

jquery对Json的各种遍历方法总结(必看篇) 概述JSON(javascriptObjectNotation)是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是JavaScript原生格式,这

标签: jquery属性操作

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

上一篇:jQuery解析XML 详解及方法总结

下一篇:dul无法加载bootstrap实现unload table/user恢复(无法加载odbc驱动程序)

  • 政府补助是否可以抵扣税
  • 以前损益年度调整
  • 个税退还会计分录
  • 整形医院有收费标准么
  • 一般纳税人没有进项怎么交税
  • 员工预支薪金怎么记账
  • 发票专用章章号是什么
  • 冲企业所得税的分录
  • 房产过户需要缴纳土地出让金吗
  • 软件企业即征即退账务处理
  • 非营利性科研机构接受企业基础研究收入免征企业所得税
  • 土地租赁合同要公证吗
  • 募捐建议
  • 简易计税算税收优惠吗
  • 不动产折旧费计算公式
  • 营改增施工企业哪些能退
  • 全年一次性奖金计税方式2023
  • 购买股权支付的相关税费怎么处理
  • 个体各商户的社保
  • 个人开增值税普通发票税率
  • 通用机打发票税率在哪改
  • 小规模免增值税印花税用交吗
  • 专项应付款需要偿还吗
  • 土地使用权的原值和账面价值
  • 未抵扣增值税入什么科目
  • 分公司税款
  • 银行年费通过什么渠道交
  • mac怎么彻底删除一个软件
  • php判断为空的方法有哪些
  • 全额拨款事业单位工资待遇
  • 怎么隐藏权限
  • 处理固定资产的账务处理
  • php注册功能的实现
  • zhp.exe是什么进程
  • nginx apache php
  • 公交车停车场收费吗
  • 部署文档
  • 营业外收入不计入所有者权益吗
  • thinkphp route
  • 人力资源预算包括哪些内容
  • 征税对象的具体项目
  • 电子承兑汇票到期怎么收款
  • 融资租入固定资产的入账价值
  • 在成本了核算工资怎么算
  • 基本户 变更
  • js读取数据文件
  • sql建立聚集索引语句
  • 收回投资收到的现金减少
  • sql server2005备份
  • 无法取得发票的成本能列支吗
  • mysql常用命令有哪些
  • 提供学历教育服务取得收入免征增值税的有
  • 专利技术会计分录怎么做
  • 支付宝已经支付快递费怎么还支付
  • 出口抵减内销产品应纳税额在借方
  • 交增值税如何计算
  • 出口退税对应的进项不能抵扣对吗
  • 跨年的管理费用怎么处理
  • 企业建账的流程是怎样的
  • 松散索引和紧凑索引
  • win8停止服务
  • nhaspx.exe是什么
  • win10关闭defender方法
  • linux命令git
  • java如何自定义函数
  • android view动画
  • eclipse如何调节字体
  • 批处理自动关机命令
  • Node.js中的什么模块是用于处理文件和目录的
  • 基于javascript的毕业设计选题
  • python中字典的方法有哪些
  • 安卓修改udid
  • 在python中通过什么语句创建一个空集合
  • jQuery处理XML文件的几种方法
  • jQuery ajax中使用confirm,确认是否删除的简单实例
  • 江西电子税务局官网app
  • 审计如何聚焦主责主业
  • 湖北地税局官网网上服务厅
  • 留抵税额退税政策2023
  • 江苏税务局网上预缴税流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设