株式会社アイネックスはソフトウェアの開発、検証ツールの支援企業です。

サブナビー配置変更

11-04)　1.ＨＴＭＬ（ XHTML、ＨＴＭＬ５）/cssを操作する

１．　ｊQueryでテキストの変更と取得を行う

テキストの取得 .text();	HTMLの要素のテキストを取得する 書式； 　$("セレクター名").text();
テキストの変更 .text("--")	HTMLの要素のテキストを変更する 書式； 　$("セレクター名").text(　"・・変更する内容・・");

---

２．　ｊQueryでＨＴＭＬ（XHTML、ＨＴＭＬ５）の変更と取得を行う

HTMLの取得 .html()	HTMLの要素のHTMLを取得する 書式； 　$("セレクター名").html();
HTMLの変更 .html("--")	HTMLの要素のHTMLを変更する 書式； 　$("セレクター名").html(　"・・変更する内容・・");
要素内の先頭に HTMLを挿入 .prepend("--")	指定した要素内部の先頭にHTMLを追加する 書式； 　$("セレクター名").prepend(　"・・追加する要素・・");
要素内の最後に HTMLを挿入 .append("--")	指定した要素内部の最後にHTMLを追加する 書式； 　$("セレクター名").append(　"・・追加する要素・・");
要素の前に HTMLを挿入 .before("--")	指定した要素の前にHTMLを追加する 書式； 　$("セレクター名").before(　"・・追加する要素・・");
要素の後に HTMLを挿入 .after("--")	指定した要素の後にHTMLを追加する 書式； 　$("セレクター名").after(　"・・追加する要素・・");
HTML要素内の 先頭に移動 .prependTo("--")	指定した要素を他の要素内部の先頭に移動する 書式； 　$("セレクター名").prependTo(　"・・追加する要素・・");
HTML要素内の 最後に移動 .appendTo("--")	指定した要素を他の要素内部の最後に移動する 書式； 　$("セレクター名").appendTo(　"・・追加する要素・・");
HTML要素内の 前に移動 .insertBefore("--")	指定した要素を他の要素内部の前に移動する 書式； 　$("セレクター名").insertBefore(　"・・追加する要素・・");
HTML要素内の 後ろに移動 .insertAfter("--")	指定した要素を他の要素内部の後ろ移動する 書式； 　$("セレクター名").insertAfter(　"・・追加する要素・・");

---

３．　ｊQueryで他の要素で包む

各要素を指定した 要素で包む .wrap("--")	セレクターで指定した要素を別の要素で包む 書式； 　$("セレクター名").wrap(　"<要素></要素>");
全要素を 別の要素で包む .wrapAll("--")	指定した要素を纏めて別の要素で包む 書式； 　$("セレクター名").wrapAll(　"<要素></要素>");
指定した要素の 子要素を 別の要素で包む .wrapInner("--")	指定した要素の子要素やテキストを別の要素で包む 書式； 　$("セレクター名").wrapInner(　"<要素></要素>");

---

４．　ｊQueryで要素の置き換え／削除

要素の置き換え .replaceWith("--")	指定した要素を他の要素に置き換える 書式； 　$("セレクター名").replaceWith(　"<要素> ・・ </要素>");
要素の削除 .remove()	セレクタで指定した要素を削除する 書式； 　$("セレクター名").remove();

---

５．　ｊQueryで属性値の操作

属性値の取得 .attr("--")	指定した要素内の属性値を取得する 書式； 　$(""セレクター名").attr("属性名");
属性値の変更 .attr("属性名"，"値")	指定した要素内の属性値を変更する 書式； 　$(""セレクター名").attr("属性名"，"属性値");
属性値の削除 .removeAttr("--")	指定した要素内の属性値を削除する 書式； 　$(""セレクター名").removeAttr("属性名");

---

６．　ｊQueryでクラス属性の操作

クラス属性の追加 .addClass("--")	指定したクラス名を要素に追加する 書式； 　$(""セレクター名").addClass("クラス名");
クラス属性の削除 .removeClass("--")	指定したクラス名を要素から削除する 書式； 　$(""セレクター名").removeClass("クラス名");

---

７．　ｊQueryでcssの操作

cssの値の取得 .ｃｓｓ("--")	ｃｓｓプロパティの値を取得する 書式； 　$(""セレクター名").ｃｓｓ("プロパティ名");
cssの値の設定 .ｃｓｓ("名"，"値");	ｃｓｓプロパティを設定する 書式； 　$(""セレクター名").ｃｓｓ("プロパティ名"，"プロパティの値");

---