「jQuery入門」hasClass()の判定サンプル
JSコード
if (!$(“#kdfc”).hasClass(‘active’)) {
//classがactiveの場合
$(“#kdfc̶ ...
「jQuery入門」is(‘:hidden’)の判定サンプル
JSコード
if ($(‘#cftIdLst’).is(‘:hidden’)) {
//非表示の場合
$(“#cftIdLst”).nex ...
「jQuery入門」next().focus()でフォーカスを移動させる方法
JSPコード
<div>
<s:textfield name=”memberCode1″ maxlength=”3″ class=”cft_ ...
「jQuery入門」$.each()でオブジェクトを指定するサンプル
サンプルコード:
var ccArea = { 31:”品川区”, 32:”目黒区”, 33:”渋谷区”, 34:”新宿区”, 3 ...
「jQuery入門」チェックボックスの項目を全てチェック、全て選択解除するサンプル
①htmlコード
<div id=”city”>
<input type=”checkbox” name=”cityAA” va ...
「ajax入門」setTimeout()で数秒待ってからリダイレクトするサンプル
JSコード
$.ajax({
type:’POST’,
url: アクションURL,
data:パラメータ,
async:false,
dataType:R ...
「jQuery入門」addClass()とremoveClass()で行の色を変更するコード
方法1
$(“#tab tr”).hover(function(){
$(this).children(“td”).addClass(“hover” ...
「jQuery入門」テーブルの奇数、偶数の色を付けるサンプル
JSコード
$(“#tab tbody tr:odd”).css(“background-color”,”#bbf”);
$(“#ta ...
「jQuery入門」テーブルのカラムと行番号を取得するサンプル
①htmlコード
<table id=”userlist” border=”1″>
<tr><td>userAA1</td> ...
「jQuery入門」json形式の文字列をオブジェクトに変換する
JSコード
$.ajax({
type:’POST’,
url: xxx,
data:xxxx
async:false,
dataType:’json ...
「jQuery開発」DataTablesで検索、ソート、ページャー機能を作成するサンプル
JSコード
$(document).ready(function() {
$(‘#table’).on(‘order.dt’,
function() {
「jQuery入門」toggleClass()でクラスの追加または削除サンプル
①JSコード
$(document).ready(function(){
$(“button”).click(function(){
$(“h1,h2,p”).t ...
「jQuery入門」toggleClass()で複数cssを操作するサンプル
①htmlコード
<button id=”testBtn”>テスト</button>
②cssコード
.testAA {
//some code ...
「jQuery入門」.keypress()でテキストボックスの変更を検知するサンプル
JSコード
<script type=”text/javascript”>
aa=0;
$(document).ready(function(){
$(“ ...
「jQuery入門」scrollTop()でスクロール位置取得サンプルコード
1.JSコード
<script type=”text/javascript”>
$(document).ready(function(){
$(“.btnAA ...
「jQuery入門」.find()、.next()と.parents()の使い方
1.子要素の指定– .find()
<div class=”abc”>
<div class=”a11″>
<div c ...
「jQuery入門」before(), after(), prepend(), append()の使い方
1.htmlコード
<div id=”jstest”>要素挿入テスト</div>
2.JSコード
$(function(){
$(‘#js ...
「jQuery入門」propでチェックボックスを全選択、全解除する
1.htmlコード
<div class=”cftAll”>
<input type=”checkbox” id=”cftAllPAR ...