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.如果想要获取多个值,需要手动进行遍历操作
总结
以上所述是小编给大家介绍的jQuery操作attr、prop、val()/text()/html()、class属性,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
本文向大家介绍详谈jQuery中使用attr(), prop(), val()获取value的异同,包括了详谈jQuery中使用attr(), prop(), val()获取value的异同的使用技巧和注意事项,需要的朋友参考一下 jQuery中有3个获取元素value值的函数比较相似:attr(), prop(), val();拿来比较一下。 示例代码: 代码如上所示,为输入框设定了初始值:
本文向大家介绍浅析JQuery中的html(),text(),val()区别,包括了浅析JQuery中的html(),text(),val()区别的使用技巧和注意事项,需要的朋友参考一下 1.HTML html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档 html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XH
本文向大家介绍jQuery中 prop() attr()使用详解,包括了jQuery中 prop() attr()使用详解的使用技巧和注意事项,需要的朋友参考一下 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之
本文向大家介绍JQuery中的html()、text()、val()区别示例介绍,包括了JQuery中的html()、text()、val()区别示例介绍的使用技巧和注意事项,需要的朋友参考一下 1.HTML html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档 html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以
描述 (Description) text( val )方法获取所有匹配元素的组合文本内容。 与html(val)类似,但是转义HTML(将“”替换为HTML实体)。 语法 (Syntax) 以下是使用此方法的简单语法 - <i>selector</i>.text( val ) 参数 (Parameters) 以下是此方法使用的所有参数的说明 - val - 这是要设置的文本值。 例子 (Exa
描述 (Description) text( val )方法设置所有匹配元素的文本内容。 此方法类似于html(val),但是会转义所有HTML实体。 语法 (Syntax) 以下是使用此方法的简单语法 - <i>selector</i>.text( val ) 参数 (Parameters) 以下是此方法使用的所有参数的说明 - val - 任何字符串 例子 (Example) 下面的示例将