「jQuery入門」addClass()でcssクラスを追加するサンプル
1.htmlコード
<body>
<h1>data1</h1>
<h2>data2</h2>
<p>data3</p> ...
「jquery入門」parent().is(xxx)と$(“tr:hidden”)の使い方
1.Booleanis(expr)
htmlコード
<form><input type=”checkbox”/></form>
JSコード
$ ...
「jQuery」.removeで指定div要素を削除するサンプル
環境
jQuery3.6.0
Google Chrome 98.0.4758.102
書式
//id=”oosaka”の要素を削除
$(“div̶ ...
「jquery入門」forcus()、blur()、chane()イベントのサンプル
説明
blur(fn)
要素がマウスなどのポインティング・デバイスやタブキーなどでフォーカスを失ったタイミングで発生する。
focus(fn)
マウスなどのポインティングデバイスやタブキーで要素がフ ...
「jQuery」オートコンプリート(autocomplete)のサンプル
書式
$(セレクタ).autocomplete(xx)
使用例
「jQuery」select要素のoptionの値を取得する
書式
1.changeイベント
セレクタ.on(‘change’,function(){xxx})
2.疑似クラスを持つ要素のテキストを取得する
$(this).children ...
「jQuery入門」mouseenter()とmouseleave()を利用するサンプル
htmlコード
<div class=”cft”>
<img src=”images/test1222.png”>
<div cla ...
「jQuery入門」each()で要素を1個ずつ処理するサンプル
1.htmlコード
<ul>
<li>dataAA</li>
<li>dataBB</li>
<li>dataCC</li& ...
「jQuery入門」テキストエリア（textarea）の値を取得するサンプル
構文
$(“#テキストエリアのid名”).val(xxxx)
htmlコード:
「jQuery入門」属性の値の部分一致で取得するサンプル
1.書式
*=
部分一致 指定したname属性の値を「含む」要素
^=
前方一致 指定したname属性の値から「始まる」要素
$=
後方一致 指定したname属性の値で「終わる」 ...
「jQuery」セレクタhiddenに値を設定するサンプル
書式
$(セレクタ).click(function(){
$(hiddenのセレクタ名)
}
使用例
「jQuery」配列をカンマ区切でhiddenセレクタに値を設定する
書式
$(セレクタ).val(配列);
使用例
「jQuery」hiddenセレクタの値を取得するサンプル
書式
$(hiddenセレクタ).val();
使用例
「jQuery」複数属性の要素を取得するサンプル
書式
$(“input”)
htmlコード
J ...
[jQuery]remove()で指定複数属性の要素を削除する
書式
remove()
全ての要素をドキュメントから削除する。
使用例1
使用例 ...
[jQuery]セレクトボックスのoption要素を追加、削除するサンプル
書式
$(セレクタ).append($(‘xxx’));
使用例
htmlコード
「jQuery」UIダイアログをカスタマイズするサンプル
書式
タイトルバー:.ui-dialog-titlebar{スタイルコード}
ボタンの色:.ui-widget-content .ui-state-default{cssコード}
使用例
1.CSSコー ...
「jQuery」セレクトボックス(select)要素のoptionを削除する方法
htmlコード
<select name="mk"> <option></option> <option value="10">AA</option> <opti ...