「jQuery」append()とhtml()を利用するサンプルコード

2017年7月7日

1.append(content)
$(selector).append(function(index,html))
サンプルコード：
<script src="/jquery.min.js" type="text/javascript"></script>
<style>
.imgFocus{border: 1px solid #eee;}
</style>
<p> </p>
<script type="text/javascript">
var cftImg = “<div class=’imgFocus’>sample</div>";
$(“p").append(cftImg);
</script>

2.$(selector).html()
サンプルコード：
$(“.btnInfo").click(function(){
$(“p").html(“Hello <b>world</b>!");

});

要素をクリア
$(“a[href$=’logout.jsp’]").click(function(event) {
event.preventDefault();
$.get(“/xxx/Logout.jsp","",function(data, textStatus) {
if (data == 1) { //ログアウト
$('#message’).html(“");
$(“#userlogin>div").show();
}
else {
$('#message’).append(“<p><strong>ログアウト失敗、もう一度行ってください</strong></p>");
}
});
});