so that

- [jqueryAjax01.jsp] : 이미지 클릭하면 다른 페이지로 페이드인-페이드아웃 변경 > jquery로 ajax 활용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 jqueryAjax01.jsp img{ width: 150px; height: 150px; } $(function(){ $("#img").on("click", function(){ // console.log("이미지 클릭"); // 클릭하면 after.PNG로 변경 /* $("img").attr("..

- [test] : 텍스트 작성 창 + 버튼 누르면 팝업처럼 new Page 열리게 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 Insert title here // 버튼을 클릭하면 show 함수를 실행 $(function(){ $("#btn").on("click", show); }) function show(){ // console.log("test"); var w = 300; var h = 300; var x = 100; var y = 100; var spec = "width="+w+",height="+h+",left="+x+",top="+y +",menubar=0,resiz..

- [jquery13] :nth-child() 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 jquery13.html /* :nth-child() => n번째 자손 : 특정 순서에 있는 요소를 선택할 때 사용하는 선택자 */ /* test라는 클래스의 n번째 자손 */ .test:nth-child(3){ color:blue; } td:nth-child(2){ background-color: red; } $(function(){ ..

* jquery 자바스크립트의 쓸모 있는 코드를 정리해 놓은 것 > 자바스크립트를 더 쉽게 사용 더보기 - 다운로드 Download the uncompressed, development jQuery 3.6.4 > 링크로 저장 > vscode_workspace의 js 폴더로 - [jquery01] jquery 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 jquery01.html // 자바스크립트 ..