「jQuery入門」親要素を取得するサンプル
書式
$(セレクタ).on(‘click’,function()
使用例
1.htmlコード
「jQuery」ボタンクリックでclassを追加するサンプル
書式
$(セレクタ名).addClass(クラス名);
使用例
1.htmlコード
2.CSSコード
. ...「jQuery」selectタグのoption要素の長さを取得する
書式
$(セレクタ).children(‘option’).length
htmlコード
<select id="dep" name="dep"> <option v ...[jQuery]removeAttr()で属性を削除する
書式
$(“セレクター”).removeAttr(“属性名”)
使用例
[jQuery]数値型を調べるサンプル
使用例
<script src=""></script><script>const xx = 10;if ($.type(xx)=="number") { console.log($.type ...「jQuery」classセレクタ、IDセレクタ、属性セレクタを使うサンプル
書式
$(“#IDセレクタ名”).html(xxx)
$(“.classセレクタ名”).html(xxx)
$(“属性セレクタ名”).pr ...
「jQuery」prop()でチェックボックスの項目を全てに選択するサンプル
書式
$(‘input:checkbox’).prop(‘checked’,true)
使用例
「jQuery」セレクタにeq()を使うサンプル
書式
$(“p:eq(インデックス番号)”)
$(“#id名”)
$(“.クラス名”)
使用例
「jQuery入門」keydown()でキーコードを判定するサンプル
書式
$(selector).keydown(function(event
使用例
「jQuery入門」偶数行行で色分けするサンプル
書式
$(“tr:odd”).css(“background-color”, 値);
使用例
「jQuery入門」animate()でアニメーションをするサンプル
書式
$(要素名).animate({
‘property名’:’値’
})
使用例
「jQuery」serialize()で入力文字列をシリアライズするサンプル
書式
$(“divセレクター”).text($(“form”).serialize());
使用例
「jQuery」scrollTop()で要素のスクロール上の位置を取得するサンプル
書式
$(this).scrollTop()
使用例
「jQuery」removeData()メソッドで要素からデータを削除するサンプル
書式
removeData(DOM要素、プロパティ名)
data(プロパティ名)
使用例
[jquery]width()とheight()で要素の横幅、高さを設定する方法
書式
$(selector).width(xxx).height(xxx);
使用例
「jquery」empty()で各要素の子要素を空にするサンプル
書式
$(selector).empty()
使用例
「jquery」hide()で指定要素を非表示するサンプル
書式
$(p).hide();
使用例
「jQuery入門」toggleメソッドで要素を表示(非表示)するサンプル
書式
toggle(speed, )
要素の表示/非表示を、関数が呼び出される度にアニメーション付きで切り替えます。
同時に、アニメーション終了時に呼び出されるコールバック関数を指定することもできます。