jQueryで利用できる主なHTML/CSSを操作する命令
jQueryで利用できる主な
HTML/CSSを操作する命令
テキストの変更と取得
命令名・書式 | 意味 |
---|---|
text(変更後のテキスト) | テキストを変更する |
text() | テキストを取得する |
HTMLの変更と取得
命令名・書式 | 意味 |
---|---|
html(変更後のHTML) | HTMLを変更する |
html() | HTMLを取得する |
HTMLの挿入
命令名・書式 | 意味 |
---|---|
prepend(挿入するHTML) | 要素内の先頭にHTMLを挿入する |
append(挿入するHTML) | 要素内の最後にHTMLを挿入する |
before(挿入するHTML) | 要素の前にHTMLを挿入する |
after(挿入するHTML) | 要素の後にHTMLを挿入する |
HTMLの移動
命令名・書式 | 意味 |
---|---|
prependTo(移動先のセレクター) | 他の要素内の先頭に要素を移動する |
appendTo(移動先のセレクター) | 他の要素内の最後に要素を移動する |
insertBefore(移動先のセレクター) | 他の要素の前に要素を移動する |
insertAfter(移動先のセレクター) | 他の要素の後に要素を移動する |
他の要素で包む
命令名・書式 | 意味 |
---|---|
wrap(<要素名>要素名>) | 要素を他の要素で包む |
wrarpAll(<要素名>要素名>) | 要素をまとめて他の要素で包む |
wrapInner(<要素名>要素名>) | 子要素/テキストを他の要素で包む |
要素の置き換え
命令名・書式 | 意味 |
---|---|
replaceWith(置換後の要素) | 要素を他の要素に置き換える |
要素の削除
命令名・書式 | 意味 |
---|---|
remove() | 要素を削除する |
属性値の変更と取得
命令名・書式 | 意味 |
---|---|
attr(属性名, 属性値) | 指定した属性の値を変更する |
attr(属性名) | 指定した属性の値を取得する |
removeAttr(属性名) | 指定した属性を削除する |
class属性の追加と削除
命令名・書式 | 意味 |
---|---|
addClass(class属性値) | class属性を追加する |
removeClass(class属性値) | class属性を削除する |
CSSの制御
命令名・書式 | 意味 |
---|---|
css(プロパティ名,値) | 指定したCSSプロパティの値を設定する |
css(プロパティ名) | 指定したCSSプロパティの値を取得する |
フォーム部品の操作
命令名・書式 | 意味 |
---|---|
val("入力値") | フォームの入力値(val ue属性の値)を変更する |
val() | フォームの入力値(val ue属性の値)を取得する |
【 参考サイト 】
40分で覚える!jQuery速習講座解説ページへ