「Jquery入門」text()、html() と val()のコールバック(callback)関数
JSコード:
$(“#btn1”).click(function(){
$(“#test1”).text(function(i,orgTxt){
return & ...
「jQuery」タブのサンプル
書式
$(セレクタ).tabs();
使用例
「jQuery」height()でdiv要素の高さを取得する方法
構文
$(divのclass名).height()
htmlコード
「jQuery入門」jQueryオブジェクトを指定するサンプル
1.htmlコード
<div class=”changfa”>data–11</div>
<div class=”changfa” ...
「jQuery入門」同じイベントを複数登録するサンプル
JSコード
$(“#testForm input, #testForm select, #testForm textarea”).each(function(i, m) {
$(m.change ...
「jQuery入門」ダイアログのボタンを2つにする
サンプルコード
<div id="cftDiv" style="display:none;"><p>ダイアログのボタン</p></div><input type="butto ...「jQuery入門」eq()で複数要素を取得するサンプル
1.htmlコード
<div>項目AA</div>
<div>項目BB</div>
<div>項目CC</div>
2.JSコ ...
「jQuery入門」セレクタにeq()を利用するサンプル
①htmlコード
<div>test data AA</div>
<div>test data BB</div>
<div>test data CC& ...
「jQuery入門」要素の属性を設定する方法
①属性の現在値を取得する
$(‘#cft’).attr(‘width’);
②既存の属性を削除する
//title属性を削除
$(‘#cf ...
「jquery入門」each()でulの要素数を取得するコード
①htmlコード
<ul>
<li>test data 11</li>
<li>test data 22</li>
<li>tes ...
「jQuery」scrollTop()でスクロール位置を設定する方法
構文
scrollTop(スクロール位置)
水平方向のスクロール位置を返します。
htmlコード
「jquery入門」parent().is()と$(“tr:hidden”)の使い方
1.Booleanis(expr)
htmlコード
<form><input type=”checkbox”/></form>
JSコード
$ ...
「jQuery」trim()で文字列の前後の空白を削除するサンプル
構文
$.trim(str)
jQuery.trim()の引数には文字列を指定します。
サンプルコード
var cft = ‘ this is a test ‘;
/ ...
「jQuery」trim()で文字の前後の改行やタブ、全角空白を削除する
説明
jQuery.trim(str)
文字列の先頭と末尾から、空白を除去します。
渡された文字列から、正規表現で空白と見做されるものを除去します。
そのため、改行コードや全角のブランクであっても、空白 ...
jQueryのfilterメソッドを利用するサンプル
htmlコード
<ul> <li class="cft">list item 1</li> <li>list item 2 <ul> <li><div ...「jQuery入門」find()とchildren()のサンプルコード
サンプルコード
$(function() { $('#testFind').click(function() {//find()で「#cft」内にすべての「a」要素を取得する $('#cft').find('a').css('c ...「jQuery入門」aリンクにクリックイベントを設定する
①htmlコード
<a id=”fileDL” href=”#” >ダウンロード
</a>
②JSコード
$(‘a ...
「jQuery入門」複数のフォームの値を出力するサンプル
1.htmlコード
<input type=”text” name=”emp” value=”村上”>
<input type= ...