javascript ↔ jQuery

javascript

window.onload = function(){
	document.getElementById("btn1").onclick = f1;
	function f1(){
		document.getElementById("content").innerHTML = "<h1>제목부분</h1>"
	}
}

window.addEventListener("load", pageLoadedHandler);
function pageLoadedHandler(){
  document.getElementById("btn1").addEventListener("click", btnSubmit);
}

//방법 1
divEle.innerHTML += '<button id="ele_'+eleCnt+'">삭제</button>';
document.body.appendChild(divEle);

//방법2
var btnEle = document.createElement("button");
btnEle.setAttribute("id", "ele_"+eleCnt);
btnEle.innerHTML = "삭제";
divEle.appendChild(btnEle);
document.body.appendChild(divEle);

jQuery

$(document).ready(function() {
  $("#btn1").click(f1);
  function f1(){
    $("#content").html("<h1>제목부분</h1>");
  }
}

var $newEleBtn = "<button id='ele"+eleCnt+"' class='deleteBtn'></button>";
$("p#ele"+eleCnt).append($newEleBtn);
$("button#ele"+eleCnt).text("삭제");

📌
첫글자는 대문자, 영문자 + 숫자 + 특수문자 가능, 8글자이상 15글자 이하
/^[A-Z][A-Za-z0-9_!]{7,15}$/