Category Archives: jquery

「jQuery入門」replaceWith()の使い方

サンプルコード1
$(‘li’).replaceWith(function(){
return $(“<div />”).append($(this).contents());});

サンプルコード2
$(‘p’).replaceWith(function(){
return ‘<p>’ + $(‘li’).text() + ‘</p>’;
});

「jQuery入門」テキストアリア、チェックボックスのvalue値を追加するサンプル

①JSPコード
<!–textarea–>
<textarea name=”address”></textarea>

<!–checkbox–>
<input type=”checkbox” name=”userReg” value=”登録”>

②JSコード
// テキストエリアにテキストを追加する
$(‘textarea[name=”address”]’).val(‘大阪’);

// チェックボックスにチェックを入れる
$(‘input[name=”userReg”]’).prop(‘checked’, true);

「jQuery入門」divのpadding/margin/height/widthを取得する方法

サンプルコード

「jQuery開発」Ajaxでpost送信をするサンプル

サンプルコード

「jQuery入門」append()でチェックボックス要素を追加するサンプル

1.htmlコード

2.JSコード

「JQuery入門」全てにチェックを実装するサンプル

1.htmlコード

2.JSコード

「jQuery入門」:contains()で特定要素を指定して処理を行う

htmlコード
<ul>
<li>shinagawa</li>
<li>oosaki</li>
<li>kawasaki</li>
<li>shibuya</li>
</ul>

1.指定した文字列の要素を削除
$(“li:contains(‘shibuya’)”).remove();

2.特定の文字列を指定して色を変更
$(“li:contains(‘oosaki)”).css(“color”,”#00FF00″);

「jQuery入門」属性セレクター [attribute*=’value’]のサンプル

サンプルコード

jQueryの子セレクター(parent > child)を利用するサンプル

サンプルコード

「jQuery入門」each()でプラグインを作成するサンプル

1.プラグインの定義
$.fn.txtChangePlugin = function(str) {
$(this).each(function() {
$(this).text(str).trigger(“change”);
});
};

2.プラグインの使用

if(xxx) {
$(“#infoId”).txtChangePlugin(“12345”)
}
else {
$(“#infoId”).txtChangePlugin(“67890”)
}

1 / 1212345...10...最後 »