「jQuery入門」attr()でクリックされたid値を取得する
サンプルコード
①htmlコード<button class="kdf" id="userBtn">AA</button><button class="kdf" id="empBtn">BB&l ...「jQuery」テキストボックスでfocusinイベントを取得する
環境
jquery 3.6.0
書式
$(‘セレクタ’).focusin(function(){処理コード}
.focusinを使用して、フォーカスが当たったイベントを取得し ...
「jQuery入門」セレクタでオブジェクトを指定する方法
1.最初の要素
$(‘:first’)
$(‘.targetObject:first’)
2.最後の要素
$(‘:last’) ...
「jQuery入門」 filter()を使って正規表現でセレクタ指定をする方法
1.htmlコード
<ul>
<li class=”changfa-11″>テストデータ1</li>
<li class=”chan ...
「ajax入門」return falseでsubmit処理を中断させるサンプル
JSコード
$(‘button’).click(function () {
var errFlg = false;
$.ajax({
url: ‘/xxx.do& ...
jQueryの has( )メソッドを利用するサンプル
1.htmlコード
<ul> <li>list item 1</li> <li>list item 2 <ul> <li><div><sp ...「jQuery入門」div要素の高さを変更するサンプル
1.div要素の高さを変更する
①padding内側の高さ
$(‘#cftA’).height(200);
②border内側の高さ
$(‘#cftB’ ...
「jQuery」セレクタ(ID、class)に変数を使用するサンプル
書式
const 変数名 =”#ID名”
const 変数名 =”.クラス名”
使用例
「jQuery」子孫セレクタを使うサンプル
書式
#ID名 .クラス名(子孫)
使用例
「jQuery」Datepickerでカレンダーを表示する
環境
以下のライブラリを利用します
・jquery.min.js
・jquery-ui.min.js
・jquery-ui.css
・jquery.ui.datepicker-ja.min.js ...
「jQuery」returnで繰り返し処理を途中でスキップする
環境
jquery 3.6.0
書式
$.each(cft,function(引数1,引数2) {
if(条件式){return;}
eachメソッドの繰り返し処理の途中、returnでスキップ ...
「jQuery」return falseで繰り返し処理を途中で抜ける
環境
jquery 3.6.0
書式
$.each(配列名,function(引数1,引数2) {
if(条件式){
return false;
}
引数1:インデックス ...
「jQuery」eachでオブジェクトを繰り返し処理する
環境
jquery 3.6.0
書式
$.each(連想配列名,function (引数1, 引数2) {
//連想配列に対して処理を繰り返します
});
説明
引数1:オブジェ ...
「jQuery入門」テーブルの行列位置を取得するサンプル
1.htmlコード
<table border=”1″>
<tr>
<td>テストデータAA</td>
<td>テスト ...
「jQuery」カレンダーから年と月うプルダウン表示にするサンプル
環境
以下のライブラリを利用します
・jquery.min.js
・jquery-ui.min.js
・jquery-ui.css
・jquery.ui.datepicker-ja.min.js ...
「jQuery入門」not()で複数の属性を指定する
htmlコード
<ul>
<li id=”kaA”>data 11</li>
<li class=”kaB”>da ...
「jQuery」.toggleでクリックする毎に画像を切り替える
書式
$(セレクタ名).toggle(function(){処理コード},
function(){処理コード}
使用例
「jQuery入門」not()でclass属性を指定するサンプル
1.htmlコード
<p>test data11</p>
<p class=”cft”>test data22</p>
<p> ...