世の中、javascriptへの原点回帰が進んでいますが
だからといって、jqueryが無くなるかといえばそうでもない気がします。
トイウコトデ、jqueryの基礎的なデモページを作成しました。
ご参考程度どうぞ。
これから毎週1回以上、プログラムのデモ的な内容をUPしていきます。
自分の勉強や復習の意味合いも兼ねています。
プログラム言語はPHP、JS、C#が主の掲載となります。
https://zip358.com/tool/demo1/demo1.php
$(function(){
$(".alert.alert-danger").html("未記入です");
$("input").keyup(function(){
if($(this).val()){
$(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
}else{
$(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
}
});
$("input").blur(function(){
if($(this).val()){
$(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
}else{
$(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
}
});
$("input").focus(function(){
if($(this).val()){
$(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
}else{
$(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
}
});
});