jQuery

①属性の現在値を取得する
$(‘#cft’).attr(‘width’);

②既存の属性を削除する
//width属性を削除
$(‘#cf ...

環境
jQuery 3.6.0
書式
$(セレクタ名).keydown(function(event) {
if (event.key === “Shift”){処理コード1 ...

構文
$(“:contains(文字列)”)
引数で指定した文字列を含む要素を選択します。
使用例

$("button").click(function(){ var cft=$( ...

1.スクロールを禁止

$(window).on('touchmove.noScroll', e => { e.preventDefault();});

2.スクロール禁止を解除

$(window).off('.n ...

書式
$(セレクタ).on(‘click’,function()
使用例
1.htmlコード

<div class="cft A"> <div class="cf ...

環境
jQuery 3.6.0
Google Chrome 99.0.4844.51

書式
$(‘#ボタン名’).click(function(){
$(“ ...

環境
jQuery 3.6.0
Google Chrome 99.0.4844.51

書式
$(セレクタ名).val(値;
.val() の引数に値を渡すと、valueに値をセットできます。 ...

説明
addClass(class). 指定した要素に、CSSクラスを追加する。
htmlコード

<tbody><tr> <th><p>A001</p> ...

環境
jQuery 3.6.0
Google Chrome 99.0.4844.51

書式
$(セレクタA).insertAfter(セレクタC);
insertAfterを使用して要素セレ ...

環境
jQuery3.6.0
Google Chrome 98.0.4758.102

書式
1.$(“セレクタ名”).css(“background-color& ...

使用例

$(function() { $(window).on("load orientationchange resize", function(){//処理コード }); });});

 

環境
jQuery 3.6.0
Google Chrome 98.0.4758.102

書式
$(‘#セレクタ名 li’).eq(インデックス);
.eq()を使用し ...

環境
jQuery 3.6.0
Google Chrome 98.0.4758.102

書式
$(‘セレクタ名).fadeTo(引数1, 引数2);
引数1にはアニメーションのス ...

構文
$(‘input:checkbox’).prop(‘checked’,true);
$(‘input:checkbox’).prop( ...

構文
$(“input:enabled”).メソット名();
使用例1

$(function(){ <s:if test="条件式"> 　　$("input:enabled") ...

書式
$(‘.button’).removeClass(クラス名);
使用例
htmlコード

<button class="button cft">テスト</bu ...

構文
if(条件) {
return;
}
サンプルコード

const cftJson = { 101:"devlop", 102:"design", 103:"AA01", 104:"BB02" ...

環境
jQuery3.6.0
Google Chrome 98.0.4758.102

書式
$(“セレクタ名”).prepend(“html要素”); ...