JQ//기본 document 내용 바꾸기

$(태그, id, class, name).핸들러함수명(매개변수)

getter, setter

html() innerHTML대신   Tag 접근
text() 무조건 문자열로 출력
val() Value대신  input text 접근 -> 입력받은값가져오기

 

 

 

 

<Tag 로 내용바꾸기>

Html

$(document).ready(function () {/* document가 ready상태가되면 함수호출명령 */
	//JavaScript의 innerHTML과 같은 키 
	$("p").html("jquery change name");
    }

Text

	$("p").text("jquery change name");

p Tag의 전체 내용 getter

let value = $("p").text();

 

 

 

<Id 로 내용바꾸기>

id -> #사용,  id는 하나만 적용됨 

(setter)

	$("#demo").text("change text");	//setter

id demo의 text를 가져오기(getter)

console.log($("#demo").html());

 

 

 

<Class로 내용바꾸기>

class -> . 사용

$(".cls").html("<b>hello cls class</b>");