| メソッド | 内容 | 使用例 |
|---|---|---|
| wrap() | 指定要素を包む |
$(".box p").wrap('<strong class="sample">');
|
| css("color", "red") | スタイル設定 | |
| html("<span>Error</span>") | HTMLコード変更 | |
| addClass("クラス名") | クラスの追加 | |
| removeClass("クラス名") | クラスの削除 | |
| toggleClass() | クラスの切り替え | |
| hasClass("クラス名") | クラスの判定 | |
| slideToggle() | 要素の開閉 | |
| val() | Value属性の取得 | |
| remove() | 要素の削除 | |
| scroll() | 要素がスクロールされると呼び出し |
$(window).scroll(function(){}
|
| scrollTop() | スクロール時の要素の位置取得 | |
| offset().top offset().left | 上からの位置取得 左からの位置取得 | |
| attr("属性", "設定内容") | 属性設定 | |
| index() | インデックス番号の取得 | |
| prepend("<li>list01</li>") | 先頭に要素を挿入 | |
| append("<li>list05</li>") | 末尾に要素を挿入 | |
| before() | 指定要素前にHTML挿入 | |
| after() | 指定要素後にHTML挿入 | |
| show() | 要素を表示 | |
| hide() | 要素を非表示 | |
| fadeIn(ミリ秒) | 要素をフェードインさせる | |
| fadeOut(ミリ秒) | 要素をフェードアウトさせる | |
| fadeTo(ミリ秒) | 透明度を変更 | |
| slideUp(ミリ秒) | スライドアップして非表示に | |
| slideDown(ミリ秒) | スライドダウンして表示に | |
| slideToggle(ミリ秒) | スライドアップダウンの切り替え | |
| children() | 直下の子要素の取得 | |
| find() | 子要素をすべて取得 | |
| parent() | 親要素の取得 | |
| next() | 直後の兄弟要素を取得 | |
| nextUntil() | 兄弟要素から条件に一致する要素を取得 |
$(".target").nextUntil(".breakpoint").css("color","red")
|
| each() | 要素毎処理 |
$("li").each(
function
(){ $(this).html($(this).index()); });
|
officeFITPlus blog
ファイナンシャルプランナー資格を持つエンジニアのお金やIT関連の備忘録
2023-03-21