※必ず、基本形式の中に↓をいれる。そのままじゃ使えない。
◆.text
※セレクターで＜ｐ＞タグを指定しています。テキストの変更（まるまる差し替え）
.text(”変更できました。”)
※変更する内容の部分を空にすると、取得できます。【.text()】
＜例＞
＜p＞変更できます。＜/p＞
↓
＜p＞変更できました。＜/p＞
◆.html
※セレクターで＜ｐ＞タグを指定しています。タグを含むテキストの変更
.html(”＜div＞変更できました。＜/div＞”)
※変更する内容の部分を空にすると、取得できます。【.html()】
＜例＞
＜p＞変更できます。＜/p＞
↓
＜p＞＜div＞変更できました。＜/div＞＜/p＞
タグそのものを置き換える場合は↓
◆.prepend/.append HTML要素（タグ）内に挿入
※セレクターで＜ｐ＞タグを指定しています。前に挿入
.prepend("＜span＞前に追加＜/span＞")
【例】
＜ｐ＞＜span＞前に追加＜/span＞テキスト＜/ｐ＞
後ろに追加
.append（”strong”）
【例】
＜ｐ＞テキスト＜span＞後ろに追加＜/span＞＜/ｐ＞
◆.before/.after HTML要素（タグ）の前、または後ろに挿入
※セレクターで＜ｐ＞タグを指定しています。前に挿入
.before(”＜p＞前に挿入＜/p＞”)
【例】
＜h1＞前に挿入＜/h1＞
＜ｐ＞テキスト＜/ｐ＞
要素の後ろに挿入
.after(”＜p＞後ろに挿入＜/p＞”)
【例】
＜ｐ＞テキスト＜/ｐ＞
＜p＞後ろに挿入＜/p＞
◆.perpendTo/appendTo もともとあるHTML要素（タグ）を指定したHTML要素（タグ）内に移動
※元々の状態＜ｐ＞テキスト＜/ｐ＞＜strong＞移動＜/strong＞前に移動
.perpendTo(”strong”)
【例】
＜ｐ＞＜strong＞移動＜/strong＞テキスト＜/ｐ＞
後ろに移動
.appendTo(”strong”)
【例】
＜ｐ＞テキスト＜strong＞移動＜/strong＞＜/ｐ＞
◆insertBefore/insertAfter もともとあるHTML要素（タグ）を指定したHTML要素（タグ）の前後に移動
※元々の状態＜ｐ＞テキスト＜/ｐ＞＜strong＞移動＜/strong＞前に移動
.insertBefore(”strong”)
【例】
＜strong＞移動＜/strong＞＜ｐ＞テキスト＜/ｐ＞
後ろに移動
.insertAfter(”ｐ”)
【例】
＜strong＞移動＜/strong＞＜ｐ＞テキスト＜/ｐ＞
◆.wrap 他の要素で囲む
※セレクターで＜ｐ＞タグを指定しています。.wrap(”＜div＞＜/div＞”)
＜例＞
＜div＞＜p＞テキスト＜/p＞＜/div＞
◆.replaceWith 置き換え（タグ含む）
※セレクターで＜ｐ＞タグを指定しています。.replaceWith(”＜div＞変更できました。＜/div＞”)
＜例＞
＜p＞変更できます。＜/p＞
↓
＜div＞変更できました。＜/div＞
※.htmlは、指定したタグ内しか変更できません
◆.remove 要素（タグ）の削除
※セレクターで＜ｐ＞タグの＜strong＞を指定しています。.remove()
＜例＞
＜p＞＜strong＞削除します＜/strong＞テキスト＜/p＞
↓
＜p＞テキスト＜/p＞
◆.attr （属性名・属性値）属性値の変更
※セレクターで＜a＞タグを指定しています。.attr(”href”,”BBB.html”)
＜例＞
＜a href＝”AAA”＞テキスト＜/a＞
↓
＜a href＝”BBB.html”＞テキスト＜/a＞
※取得する場合は、【.attr(”属性名”)】
**.attrを使ったその他のこと…→
クラスの属性について→
◆.removeAttr 属性の削除
※セレクターで＜img＞タグを指定しています。.removeAttr（”alt”）
＜例＞
＜img alt="空"/＞
↓
＜img /＞
0 件のコメント:
コメントを投稿