jQuery

構文
slideDown(ミリ秒)
slideUp(ミリ秒)

使用例

<div id="cft">test message</div><input type="butto ...

環境
jQuery3.6.0
Google Chrome 98.0.4758.102

書式
//「福岡」を含む要素を削除
$(“div”).remove(“ ...

構文
$(セレクタID).serialize();

サンプルコード

<p>フォームの値:</p><p id="gg"></p></p><for ...

書式
$(セレクタ名).fadeToggle();
使用例

<style> div {background-color:yellow;}</style><div id="cft"&g ...

書式
$(セレクタ名).toggle(ミリ秒)
使用例

<div id="cft">5秒かけて内容を表示する</div><input type="button" id="btndsp ...

書式
$(ボタンセレクタ名).attr(“value” ,”ボタン名”)
使用例

<div id="cft">2秒かけて内容を表示、ボタン名が結果に変更 ...

jQueryコード
方法1
var userVal= $(“#userInfo);
userVal.children().remove();

方法2
$(“#user ...

書式
$(セレクタ).bind(イベント名,function() {//some code})
使用例

//a要素をクリック$('a').bind('click',function(){ console.log( ...

1.IDの判定
htmlコード
<div id=”cft”>IDの判定テスト</div>

jQueryコード
if ($(‘divR ...

環境
jQuery 3.6.0
Google Chrome 99.0.4844.51

書式
$(セレクタ名).prepend(“<b>study</b>̶ ...

使用例

$('.セレクト名').on({ 'mouseenter': function(){　//some code}, 'mouseleave': function(){//some code}});

  ...

構文
$(“セレクタ名”).on({
“イベント名1”:function(e){処理コード　},
“イベント名2”:function(e) ...

環境
jQuery 3.6.0
Google Chrome 99.0.4844.51

書式
$(ボタン名).click(function(){
$(セレクター名).unwrap(); ...

書式
$(セレクタ名).on(イベント名)
使用例

//a要素をクリック$('a').on('click',function(){ console.log('click message');});//クリックイベ ...

書式
$(セレクタ名).html(“<font color=’red’>1111</font>”);
使用例

<script src= ...

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

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

書式
$変数名 = $(“<input>”,{属性1,属性2});
使用例
1.htmlコード

<div class="cft"> <p> st ...

1.htmlコード

<div> <ul> <li>A001</li> <li>B002</li> </ul> <p>123</ ...