「jQuery」toggleメソッドで引数を使用する

2021年9月6日

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div id="cft">2秒かけて内容を表示、ボタン名が結果に変更</div>
<input type="button" id="btndsp" value="表示" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
// 初期表示は非表示にする
$('#cft').toggle();
// ボタン動作の関数
$("#btndsp").click(function() {
$("#cft").toggle(2000,function(){
//ボタンの属性の値を変更
$("#btndsp").attr("value","結果");
});
});
</script>
<div id="cft">2秒かけて内容を表示、ボタン名が結果に変更</div> <input type="button" id="btndsp" value="表示" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> // 初期表示は非表示にする $('#cft').toggle(); // ボタン動作の関数 $("#btndsp").click(function() { $("#cft").toggle(2000,function(){ //ボタンの属性の値を変更 $("#btndsp").attr("value","結果"); }); }); </script>
<div id="cft">2秒かけて内容を表示、ボタン名が結果に変更</div>
<input type="button" id="btndsp" value="表示" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
      // 初期表示は非表示にする
      $('#cft').toggle();
    // ボタン動作の関数
      $("#btndsp").click(function() {
            $("#cft").toggle(2000,function(){
          //ボタンの属性の値を変更
           $("#btndsp").attr("value","結果");
        });
      });
    
</script>

 

jQuery

Posted by arkgame