「jQuery入門」$(‘td’).click()でクリックされたセルの位置を取得するコード
1.htmlコード
<table border=”1″>
<tr>
<td>test data 1-1</td>
<td&g ...
「jquery入門」 serialize()とserializeArray()の使い方
サンプルコード:
$(function() {
$(#cftBtn).click(function() {
var params1 = $(#myform).serialize();
var param ...
「jQuery入門」each()で配列の要素を抽出するサンプル
1.htmlコード
<div class=”dataShow”></div>
2.JSコード
$(function() {
var cft = ; ...
「jquery入門」:checkedでチェックされたチェックボックスを取得する
サンプル
$(“input:checked”)
$(“input”).filter(“:checked”)
「jQuery入門」モーダルダイアログを表示するサンプル
1.htmlコード
$(‘#testBtn’).click(function(){
$(‘#demo_dialog’).dialog(‘open’ ...
「jquery入門」css(“visibility”)で要素の表示を判定する
1.$(“.item”).each(function()
{
if ($(this).css(“visibility”) == “hidden”) ...
「jquery入門」hide()、show()で要素を非表示、表示する
1.hide()で要素を非表示する
htmlコード
<button>click</button>
<p>1234455</p>
JSコード
$ ...
「jquery入門」input type = “file” の値をリセットする
htmlコード
<button id=”fileClear” onclick=”retVal(‘txt’); return false;”> ...
「jquery入門」$(“:checked”)の使い方
1.JSコード
<script type=”text/javascript” src=”/jquery/jquery.js”></script>
「jQuery入門」$.getJSON() でjson形式データを受け取るサンプル
JSコード
<script type=”text/javascript” src=”/jquery/jquery.js”></script>
&l ...
「jQuery入門」チェックボックスのonchange()とボタンのremoveClass()、addClass()のサンプル
①JSPコード
<input id=”reg_checkbox” type=”checkbox” >登録する
②jQueryコード
$(‘ ...
HTML5アプリのタッチイベント処理(touch, click, pointerの実装)方法
サンプルコード:
<script>
var obj = document.getElementById(‘id’);
obj.addEventListener(‘ ...
「html学習」inputタグ属性の使い方のまとめ
参考コード:
<input type=”color”value=”#6fbc6d”>
<input type=”date”& ...
「jQuery入門」filter()で属性フィルタによるセレクタ指定
htmlコード
<ul>
<li class=”cft”>list item 1</li>
<li>list item 2
< ...
「jQuery」:checkedでc:forEachループのラジオボタンの状態を取得する方法
構文
<c:forEach>
<%– 繰り返し処理 –%>
</c:forEach>
varStatus
現在のループ状態を格納するオ ...
「jQuery」ラジオボタンの状態を取得する方法(prop、is、val)
説明
$(‘selector’).eq(0から始まる順番).処理メソット
htmlコード
「jQuery」delayを使って時間差で処理を行うサンプル
書式
$(セレクタ名).delay(3000).queue(function(){
処理コード
});
「.delay」を使って時間差で処理を行います。
使用例
<!DOCTYP ...「jQuery」prop()メソッドで要素のプロパティを設定する方法
1.構文
$selector.prop(‘checked’,true);
$selector.prop(‘checked’,false);
2.htmlコード ...