map merge trim parseJSON 중요★★★★ each 100 200 300 400 100 200 300 400 합계 event a b ok ok2 $(function(){ //이벤트 $("#a").one("click", function(){ //이벤트를 한번만 실행 이벤트 실행후 자동으로 off ("click") 됨 console.log("ok"); }) }); $(function(){ //이벤트 $("#a").on("click mouseover", function(){ //이벤트를 한번만 실행 이벤트 실행후 자동으로 off ("click") 됨 console.log(" a 버튼 ok"); }) $("#b").on("click",function(){ console.log("trigger 버튼..

04_traversing_filtering $(function(){ $("li").not(".my").css("color","red") .end() .not(":even").css("font-size","40-px"); }); //end doc $(function(){ $("li").not(function(i,e){ console.log($(this).text()); return this.innerText=="A4"; }).css("color","red") .end() .not(function(idx, ele){ return idx%3==0; }).css("font-size","40px") }); //end doc Hello A1 A2 A3 A4 A5 A6 A7 A8 $(function(){ var x ..

kkk함수 실행됨 Hello World 태그 선택자 Hello Hello2 World world2 var jdata1= $("#test"); console.log(jdata1);//fn console.log(jdata1.innerText);//fn의 경우 기존 js의 함수 사용이 안되고 jquery 함수 사용 //fn인 경우 .value => val () , innerText=> text(), innerHtml =>html() //img.src = "b.jpg" => jquery img.attr("src", "b.jpg") var x = $("p"); console.log(x); console.log($("#test2").text()); var jdata2 = $("#test2"); console.log..

연산 가능 ${"홍길동"} 포준 jsp 태그 : el 태그: ${x } ${10+4 } ${10-4 } ${10/4 } ${10*4 } ${10>=4 } ${10 EL: ${not empty xxx} EL sessionScope: ${sessionScope.x3 } EL session: ${applicationScope.x2.xxx } el : ${param.userid } el : ${param.passwd } ${param.aaa} applicationScope 이름: ${applicationScope.aaa } 이름 aaa: ${aaa } bbb: ${bbb } request 의 이름 : aaa1 aaa2 jstl core 태그의 사용 --if xxx: ${xxx } 홍길동과 같음 홍길동임 유관순임..

CDN ============ javascript document.getElementById(”aaa”)→ 태그(dom) document.querySelect(”#aaa”) → 태그(dom) jquery $(”#aaa”) → 태그 (dom) → jquery 객체로 반환 → javascript dom: .value, .innerText, .innerHtml jquery 객체 dom: .val(), .text(), .html() ex) js: document.getElementById(”aaa”).innerText jquery: $(”#aaa”).text()

BOM 몸의 바깥 reload target.html location.href='targrt.html' target2.html location.href='target2.html' target3() 전송 폼밖 전송안됨 DOM 사과 바나나 수박 포도 사과 바나나 수박 포도 사과 바나나 수박 포도 가격 수량 10 20 30 40 총 가격 홍갈동 이순신 유관순 확인이순신 좋아하는 과일 선택하기 사과 오렌지 바나나 결과보기 모두선택1 모두선택2 좋아하는 과일 선택하기 사과 오렌지 바나나 결과보기 event 클릭 이벤트 정보 클릭 이벤트 정보 클릭 이벤트 정보 클릭 이벤트 정보 인라인 방식 window.onload = function(){ var imgs = document.getElementsByTagName("i..