「jQuery入門」属性の値と前方一致する要素を設定するサンプル
1.構文
$(“”)
2.サンプルコード
<div class=”cftA01″>AA01</div>
<div cla ...
「jQuery入門」prop()、attr()でフォームのボタンを無効にするサンプル
1.ボタンを無効にする
方法1 prop()
JSコード
$(“#reg”).prop(“disabled”, true);
htmlコード
「jQuery入門」属性atrrメソッドの使い方
htmlコード
<a href=” class=”test”>this is a test</a>
1.属性atrr追加
$(‘a&# ...
「jQuery入門」forループで複数要素を取得するサンプル
1.JSPコード
<div>AA</div>
<div>BB</div>
<div>CC</div>
2.JSコード
v ...「jQuery入門」eq()で要素を取得するサンプル
書式
要素.eq( インデックス番号 )
例
<ul> <li>Tokyo</li> <li>Oosaka</li> <li>Kawas ...「jQuery入門」.each()メソッドの使い方
書式
$(‘セレクタ’).each(function(index, element){
//some code
});
1.引数を省略
var count = 0;$( ...「jQuery入門」子要素が存在するか判断する
htmlコード
<ul>
<li>tokyo</li>
<li>oosaka</li>
<li class=”cftR ...
「jQuery」object.keys()でオブジェクト数を取得する
サンプルコード
var cft = {oosaki:’大崎’, ooimati:’大井町’, shinagawa:’品川’};
var ff = ...
「jQuery入門」lengthで文字列や配列の文字数を取得する
1.文字列の文字数を取得
var cft = ‘this is a test’;
var lenA = cft.length;
console.log(lenA);
2.配列 ...
[jquery]closest() で最も近い先祖要素を取得する
基本構文
$(‘p’).closest(‘xxx’)
最も近い先祖要素を取得。
htmlコード
<div class=”main&# ...
「jQuery入門」parent()で親要素を取得する
htmlコード
<div>
<input type=”button” id=”btnUpdate” value=”更新”/> ...
「jQuery Mobile」複数画面を作成するサンプル
サンプルコード
<div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> <a href="#pag ...jQuery Mobileの基本的な利用サンプル
サンプルコード
<div data-role="page"> <div data-role="header"> <h1>welcome page</h1> </div> ...「jQuery」checkedで選択されるラジオボタンを操作する
htmlコード
<form id=”cft”>
<input type=”radio” name=”city” value=&# ...
「jQuery」:eq()、:gt() 、:lt()で要素を取り出すサンプル
1.n番目の要素よりも前方／後方の要素を指定
:lt(index)
index番目よりも前方の要素
例
$(‘option:lt(3)’).css(‘backgrou ...
「jQuery」選択ボックスの偶数/奇数番目の要素を取り出す
サンプルコード
$(function() { $('option:even').css('background-color', 'Red'); $('option:odd').css('background-color', 'B ...「jQuery入門」:evenで偶数行の要素を指定する
:even
偶数番目のインデックス要素
サンプル
<script src=""></script><script>$(document).ready(function(){ ...「jQuery」fadeTo()で要素のフェード処理を行うサンプル
書式
$(selector).fadeTo(speed,opacity,callback);
サンプルコード
<script>$(document).ready(function(){ $("bu ...