jQuery study notes Manipulating jQuery objects Attribute processing_jquery

Attribute processing of elements

方法	描述
attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN})	获取某个属性的取值，或可以用于设置某个属性的值。还可以使用函数作为参数，将函数返回值作为需要为元素属性设置的值，比如将第(index 1)个元素的name属性设置为函数返回值（实际上，明白函数式就根本不需要这说明）。也可以一次性给同一元素多个属性
removeAttr(name)	删除某个元素的属性取值

Method

Description

方法	描述
attr(“class”) removeAttr(“class”)	class明显也是属性，所以attr()完全可以处理
addClass(value)	为元素的class属性追加一个或多个属性值。多个属性值，值与值之间同样用空格连接
removeClass(value)	为元素的class属性移除一个或多个属性值
toggleClass(value)	控制class属性中一个或多个属性值的切换，即存在就删除，不存在则添加
hasClass(value)	判断元素class属性中是否含有某个属性值，返回布尔值

attr(name)

attr(name,value)

attr(name,fn(index,value))

方法	描述
html() html(value) html(fn(index,value))	获取元素内部的HTML代码，也可以设置元素内部的HTML代码。还可以使用函数参数，把返回值作为需要在元素内部添加的HTML代码
text() text(value) text(fn(index,value))	获取元素内部的文本内容，也可以设置元素内部的文本内容，但是该方法不但替换原有文本内容，连后代元素一并替换。还可以使用函数参数，把返回值作为需要在元素内部添加的文本内容

attr({name1:value1,…,nameN:valueN})

方法	描述
val() val(value) val(fn(index,value)) val([value1,…, valueN])	获取表单元素的value属性的值，或可以设置表单元素的value属性的值。也可以用函数参数。还可以选定具有特定value属性值的表单选项，对于radio和未设置mutiple的select元素，val参数中只有最后一个value值有效

Get the value of an attribute, or can be used to set the value of an attribute. You can also use a function as a parameter and use the function return value as the value that needs to be set for the element attribute. For example, set the name attribute of the (index 1) element to the function return value (in fact, if you understand the functional expression, you don’t need this explanation at all. ). You can also give multiple attributes to the same element at once

removeAttr(name)

Delete the attribute value of an element

element’s class attribute processing

Method	Description
attr(“class”) removeAttr(“class”)	Class is obviously an attribute, so attr() can completely handle it
addClass(value)	Append one or more attribute values ​​to the element's class attribute. Multiple attribute values, the values ​​are also connected with spaces
removeClass(value)	Remove one or more attribute values ​​from the element's class attribute
toggleClass(value)	Control the switching of one or more attribute values ​​​​in the class attribute, that is, delete it if it exists, and add it if it does not exist
hasClass(value)	Determine whether the element's class attribute contains a certain attribute value and return a Boolean value

HTML and text processing inside the element

Method	Description
html() html(value) html(fn(index,value))	Get the HTML code inside the element, and you can also set the HTML code inside the element. You can also use function parameters and use the return value as the HTML code that needs to be added inside the element
text() text(value) text(fn(index,value))	Get the text content inside the element, and you can also set the text content inside the element. However, this method not only replaces the original text content, but also replaces the descendant elements. You can also use function parameters and use the return value as the text content that needs to be added inside the element

Attribute processing of form elements

Method	Description
val() val(value) val(fn(index,value)) val([value1,…, valueN])	Get the value of the value attribute of the form element, or you can set the value of the value attribute of the form element. Function parameters can also be used. You can also select form options with specific value attribute values. For radio and select elements without mutiple set, only the last value value in the val parameter is valid