JQuery操作attr、prop、val()/text()/html()、class属性
程序员文章站
2024-01-06 11:27:28
1.1 arr操作 设置单个属性 获取属性 移除属性 2.prop操作 在jQuery1.6之后支持,对于checked、selected、disabled这类boolean类型的属性来说,不能用attr方法,只能用prop方法。 3.val()/text()/html()值操作 4.class操作 ......
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.
$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.
上一篇: PHP 上传有关问题
下一篇: 工作中为什么不想听分享及不想分享?
推荐阅读
-
JQuery操作attr、prop、val()/text()/html()、class属性
-
jquery中html、val与text三者属性取值的联系与区别介绍
-
jquery中html、val与text三者属性取值的联系与区别介绍
-
jQuery中操作属性的方法attr与prop的区别
-
jquery中html、val与text三者属性取值的联系与区别介绍_jquery
-
jquery中html、val与text三者属性取值的联系与区别介绍_jquery
-
jQuery中操作属性的方法attr与prop的区别
-
关于jQuery中attr方法和prop方法获取input的checked属性操作方法
-
jquery中html()、text()、val()属性用法区别详解
-
关于jQuery中attr方法和prop方法获取input的checked属性操作方法