- 时间:2021-10-12 17:33 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:jQuery学习笔记 操作jQuery对象 属性处理
[b]元素的属性处理[/b]
|
[b]方法[/b]
|
[b]描述[/b]
|
|
[b]attr(name)[/b]
[b]attr(name,value)[/b]
[b]attr(name,fn(index,value))[/b]
[b]attr({name1:value1,[/b][b]…,nameN:valueN})[/b]
|
获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明)。也可以一次性给同一元素多个属性
|
|
[b]removeAttr(name)[/b]
|
删除某个元素的属性取值
|
[b]元素的class[/b][b]属性处理[/b]
|
[b]方法[/b]
|
[b]描述[/b]
|
|
[b]attr(“class”)[/b]
[b]removeAttr(“class”)[/b]
|
class明显也是属性,所以attr()完全可以处理
|
|
[b]addClass(value)[/b]
|
为元素的class属性追加一个或多个属性值。多个属性值,值与值之间同样用空格连接
|
|
[b]removeClass(value)[/b]
|
为元素的class属性移除一个或多个属性值
|
|
[b]toggleClass(value)[/b]
|
控制class属性中一个或多个属性值的切换,即存在就删除,不存在则添加
|
|
[b]hasClass(value)[/b]
|
判断元素class属性中是否含有某个属性值,返回布尔值
|
[b]元素内部的HTML[/b][b]、文本处理[/b]
|
[b]方法[/b]
|
[b]描述[/b]
|
|
[b]html()[/b]
[b]html(value)[/b]
[b]html(fn(index,value))[/b]
|
获取元素内部的HTML代码,也可以设置元素内部的HTML代码。还可以使用函数参数,把返回值作为需要在元素内部添加的HTML代码
|
|
[b]text()[/b]
[b]text(value)[/b]
[b]text(fn(index,value))[/b]
|
获取元素内部的文本内容,也可以设置元素内部的文本内容,但是该方法不但替换原有文本内容,连后代元素一并替换。还可以使用函数参数,把返回值作为需要在元素内部添加的文本内容
|
[b]表单元素的属性处理[/b]
|
[b]方法[/b]
|
[b]描述[/b]
|
|
[b]val()[/b]
[b]val(value)[/b]
[b]val(fn(index,value))[/b]
[b]val([value1,[/b][b]…, valueN])[/b]
|
获取表单元素的value属性的值,或可以设置表单元素的value属性的值。也可以用函数参数。还可以选定具有特定value属性值的表单选项,对于radio和未设置mutiple的select元素,val参数中只有最后一个value值有效
|