「jQuery入門」URLのクエリ文字列の配列から値を取得するコード
JSコード
var getResult = function() {
var result = ] = chkTt;
})
return result;
}
使い方
v ...
[jQuery]keydownでキー入力を無効化するサンプル
書式
$(“#セレクターID”).keydown(function(event)
サンプルコード
[jQuery入門]event.keyでキーコードを判定するサンプル
書式
$(“#selectorID”).keydown(function(event)
使用例
「jQuery入門」選択されたラジオボタンの値を取得するコード
1.htmlコード
<input type=”radio” name=”uuu” value=”data11″ checked=”che ...
「jQuery」.focusoutでフォーカスが外れるサンプル
環境
jquery 3.6.0
書式
$(‘セレクタ’).focusout(function(){処理コード}
.focusoutを使用してフォーカスが外れたイベントを取得し ...
「jQuery」.mouseleaveでマウスカーソルが離れるサンプル
環境
jquery 3.6.0
書式
$(‘セレクタ’).mouseleave(function(){処理コード}
.mouseleaveを使用してマウスカーソルが離れたイベ ...
「jQuery入門」removeProp( )の使い方
1.propメソッドを有効にする
$(“button”).click(function(){
$(“input”).prop(“disabled” ...
「jQuery」.hoverメソッドで要素にマウスカーソルが乗るサンプル
環境
jquery 3.6.0
書式
$(‘セレクタ名’).hover(function(){処理コード});
.hoverを使用して要素にマウスカーソルが乗った時と離れたに ...
「jQuery」.closestで指定要素の最も近い親要素を取得する
環境
jquery 3.6.0
書式
$(セレクタ名).closest(親要素タグ名).attr(属性名);
.closest() を使用して要素から指定した要素の最も近い親要素を取得します。 ...
「jQuery入門」セレクトボックス内のoptionタグを削除する
1.セレクトボックスのoptionの数を取得
cpCount = $(‘#cftLst’).children(‘option’).length;
2.選択項目を一つだ ...
「jQuery」.replaceWithで指定要素を別の要素に置き換える
書式
$(セレクタ名).replaceWith(置き換える要素)
.replaceWith() を使用して指定した要素を別の要素に置き換えります。
使用例
「jQuery」.contentsで指定要素の全子要素を取得する
環境
jquery 3.6.0
書式
$(セレクタ名).contents().css(“属性名”, “値”);
.contents() を使用してテキ ...
「jquery入門」JSON.parse()で外部ファイルを読み込むコード
サンプルコード
<p id=”cft”></p>
<script>
var xmlhttp = new XMLHttpRequest();
x ...
「jQuery」.childrenで指定要素の子要素を取得する
環境
jquery 3.6.0
書式
$(セレクタ名).children(タグ名);
.childrenを使用して指定した要素の子要素(直下のみ)を取得します。
使用例
「jquery入門」attr(key,value)で要素に属性を設定する
1.htmlコード
<button>Button11</button>
<button>Button12</button>
<button>Butto ...
「jquery入門」$(‘table tr’).click()と $(this).children(‘td’)の使い方
1.htmlコード
<table>
<tr>
<td><input type=”checkbox”/></td>
&l ...
「jQuery」指定要素が存在するかどうか判定する方法
構文
$(selector).length
jQueryコード
nth-child(odd)で奇数(偶数)番目の要素を取得するコード
1.htmlコード
<ul>
<li>test data item1</li>
<li>test data item2</li>
<li ...