「jQuery」classセレクタ、IDセレクタ、属性セレクタを使うサンプル

2021年4月23日

書式
$(“#IDセレクタ名").html(xxx)
$(“.classセレクタ名").html(xxx)
$(“属性セレクタ名").prop('checked’,true);
使用例

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<div id="cftA">1111</div>

<div class="cftB">2222</div>

<input type="checkbox"  id="chkA" value="1" >
<input type="checkbox"  id="chkB" value="2" >

<script>

    $("#cftA").html("<font color='red'>AAAA</font>");
    
    $(".cftB").html("<font color='green'>BBBB</font>");

    $("input[type='checkbox']").prop('checked',true);

</script>