jQuery の学習メモ jQuery オブジェクトの操作属性 Processing_jquery

要素の属性処理

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

メソッド

説明

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

属性(名前)

属性(名前,値)

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值有效

属性の値を取得するか、属性の値を設定するために使用できます。関数をパラメーターとして使用し、関数の戻り値を要素属性に設定する必要がある値として使用することもできます。たとえば、(index 1) 要素の name 属性を関数の戻り値に設定します。関数式を理解していれば、この説明はまったく必要ありません。同じ要素に一度に複数の属性を与えることもできます

removeAttr(name)

要素の属性値を削除します

要素のクラス 属性の処理

メソッド	説明
attr(“クラス”) removeAttr(“クラス”)	クラスは明らかに属性なので、attr() で完全に処理できます
addClass(値)	要素のクラス属性に 1 つ以上の属性値を追加します。複数の属性値、値もスペースで結ばれます
removeClass(値)	要素のクラス属性から 1 つ以上の属性値を削除します
toggleClass(値)	クラス属性内の 1 つ以上の属性値の切り替えを制御します。つまり、存在する場合は削除し、存在しない場合は追加します
hasClass(value)	要素のクラス属性に特定の属性値が含まれているかどうかを判断し、ブール値を返します

HTML と 要素 内のテキスト処理 内に追加する必要がある HTML コードとして戻り値を使用することもできます。

メソッド	説明
html() html(値) html(fn(index,value))	要素内の HTML コードを取得します。要素内に HTML コードを設定することもできます。関数パラメータを使用し、要素
text() テキスト(値) text(fn(index,value))	要素内のテキスト コンテンツを取得し、要素内のテキスト コンテンツを設定することもできます。ただし、このメソッドは元のテキスト コンテンツを置き換えるだけでなく、子孫要素も置き換えます。関数パラメータを使用し、要素

内に追加する必要があるテキスト コンテンツとして戻り値を使用することもできます。 フォーム要素の属性処理

メソッド	説明
val() val(値) val(fn(index,value)) val([value1,…, valueN])	form 要素の value 属性の値を取得するか、form 要素の value 属性の値を設定できます。関数パラメータも使用できます。特定の value 属性値を使用してフォーム オプションを選択することもできます。radio および select 要素が複数設定されていない場合、val パラメーターの最後の値のみが有効です