博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery操作attr、prop、val()/text()/html()、class属性
阅读量:5276 次
发布时间:2019-06-14

本文共 1234 字,大约阅读时间需要 4 分钟。

1.1 arr操作

  设置单个属性

// 第一个参数:需要设置的属性名// 第二个参数:对应的属性值// $obj.attr(name, value);// 用法举例、$('img').attr('alt','不错哦');

  获取属性

 

// 传需要获取的属性名称,返回对应的属性值// $obj.attr(name)// 用法举例var oTitle = $('img').attr('title');alert(oTitle);

 

  移除属性

// 参数:需要移除的属性名,// $obj.removeAttr(name);// 用法举例$('img').removeAttr('title');

2.prop操作

    在jQuery1.6之后支持,对于checked、selected、disabled这类boolean类型的属性来说,不能用attr方法,只能用prop方法。

// 设置属性$(':checked').prop('checked',true);// 获取属性$(':checked').prop('checked');// 返回true或者false

3.val()/text()/html()值操作

$obj.val()        获取或者设置表单元素的value属性的值$obj.html()     对应innerHTML$obj.text()        对应innerText以上三个方法:不传参数 表示获取值; 传递一个参数值,表示设置

4.class操作

    添加样式类

// name:需要添加的样式类名,注意参数不要带点.// $obj.addClass(name);// 例子,给所有的div添加one的样式。$('div').addClass('one');

    移除样式类

// name:需要移除的样式类名// $obj.removeClass('name');// 例子,移除div中one的样式类名$('div').removeClass('one');

    判断是否有某个样式类

// name:用于判断的样式类名,返回值为true false// $obj.hasClass(name)// 例子,判断第一个div是否有one的样式类$('div').hasClass('one');

    切换样式类

// name:需要切换的样式类名,如果有,移除该样式,如果没有,添加该样式。// $obj.toggleClass(name);// 例子$('div').toggleClass('one');

5.隐式迭代(批量操作自动遍历)

    1.设置操作的时候(绑定事件),如果是多个元素,那么给所有的元素设置相同的值。

    2.获取操作的时候,如果是多个元素,那么只会返回第一个元素的值。

    3.如果想要获取多个值,需要手动进行遍历操作  

 

转载于:https://www.cnblogs.com/shineguang/p/10909385.html

你可能感兴趣的文章
SPCE061A学习笔记
查看>>
sql 函数
查看>>
hdu 2807 The Shortest Path 矩阵
查看>>
熟悉项目需求,要知道产品增删修改了哪些内容,才会更快更准确的在该项目入手。...
查看>>
JavaScript 变量
查看>>
java实用类
查看>>
smarty模板自定义变量
查看>>
研究称90%的癌症由非健康生活习惯导致
查看>>
命令行启动Win7系统操作部分功能
查看>>
排序sort (一)
查看>>
Parrot虚拟机
查看>>
Teamcenter10 step-by-step installation in Linux env-Oracle Server Patch
查看>>
Struts2学习(三)
查看>>
Callable和Runnable和FutureTask
查看>>
GitHub 多人协作开发 三种方式:
查看>>
文本域添加编辑器
查看>>
Yum安装MySQL以及相关目录路径和修改目录
查看>>
java获取hostIp和hostName
查看>>
关于web服务器和数据库的各种说法(搜集到的)
查看>>
《TCP/IP 详解 卷一》读书笔记 -----第四章 ARP
查看>>