Programming/JQery15 JQuery 동적 클릭버튼 만들기 btn1이라는 id를 클릭했을 때 body태그에서 bodycolor라는 클래스를 추가하는 함수입니다. bodycolor 클래스는 css에 작성 녹색 html태그에 버튼을 만들어서 버튼을 클릭하게 될 시 .click함수가 실행이 되어 페이지를 녹색으로 바꿔줍니다. 2023. 6. 23. JQuery 부모 자식 형제 탐색,이동 JQuery 1. p태그를 끝나는 태그와 시작하는 태그를 만드는 방법 var txt2 = $("").text("Text."); 2. p태그를 만드는 방법 1번과 2번이 동일한 방법 var txt3 = document.createElement("p"); Traversing (탐색,이동) Ancestors 부모를 찾는 메서드 1. parent() : 바로 위의 부모 1개만 찾음 2. parents(): 조상을 모두 찾는 메서드 3. parentsUntil(~): 조상을 ~이전까지 찾음 Descendants 자식을 찾는 메서드 들 1. children() : 바로 밑의 자식만 찾아줌 2. $(div) find(p) : div태그에서 p까지 찾는 메서드 Siblings 형제를 찾는 메서드 1. siblings(.. 2023. 6. 22. JQuery 기본문법 JQery의 장점 JS에 비해서 가볍고 코딩량이 적게 사용이 가능 합니다. 자바스크립트 사용을 더 쉽게해주는 용도입니다. AJax나 DOM작업을 할때 간단하게 해줍니다. JQery사용 JQery를 사용할려면 CDN이 필요 합니다. 해당코드를 삽입하면 JQuery사용이 가능합니다. 기본문법 $ 기호를 사용하여서 시작합니다. $(css선택자).변수명(함수){} $(selector).action(function(){}); $(p, .test, #test) this 함수 이벤트가 발생했을 때 action함수 안에서$(this)는 이벤트가 발생한 태그를 찾아줍니다.. jqery는 값을 반환할 때 배열에 담아서 리턴해줍니다. Jquery는 html태그와 jQuery code와 완벽히 분리 됩니다 code 분리 1,.. 2023. 6. 22. 이전 1 2 3 다음
