jQueryの代表的なメソッド一覧

2022年9月11日 2022年9月11日

webmaster

.text()　テキストを取得する
.text('変更したいテキスト')　テキストを' '内の文字列に変更する
.html()　HTMLを取得する
.html('変更したいHTML')　HTMLを' '内のHTMLに変更する
.click()　対象要素をクリックする
.prepend('要素')　要素の先頭にHTMLを挿入する
例：$(#lists).prepend('< li >先頭に追加するリスト< /li >')
.append('要素')　要素の最後にHTMLを挿入する
例：$(#lists).append('< li >最後に追加するリスト< /li >')
.remove()　要素を削除する
.attr('属性')　指定した属性の値を取得する
例：$(a#special-link).attr('href')
.attr('属性', '値')　指定した属性の値を変更する
例：$(a#special-link).attr('href', 'https://xxxx.com')
.removeAttr(属性名)　指定した属性を削除する
.addClass(class属性値)　class属性を追加する
例：$(#button).addClass('active')
.removeClass(class属性値)　class属性を削除する
例：$(#button).removeClass('active')
.css(プロパティ名)　指定したCSSプロパティの値を取得する
例：$(#logo).css('color')
.css(プロパティ名, 値)　指定したCSSプロパティの値を設定する
例：$(#logo).css('color', 'red')
val()　フォームの入力値(value属性の値)を取得する
例：$(input#name).val()
val('入力値')　フォームの入力値(value属性の値)を設定・上書きする
例：$(input#name).val('tofuri')