pogun 코딩 공부 저장소

1. 라디오 버튼 값 가져오기 및 설정하기 사과 배 바나나선택설명 :** 라디오 버튼 값 가져오기 (getter) **: $("input[name='fruit']:checked").val();         - name='fruit' 속성을 가진 중에서 :checked(체크된) 요소의 값을 가져온다. ** 라디오 버튼 값 설정하기 (setter) **: $("input[name='fruit']").val(['banana']);         - "banana" 값을 가진 라디오 버튼을 선택한다.2. 체크박스 값 가져오기 및 설정하기그림그리기음악감상check설명 :** 체크박스 체크 여부 확인 (getter) **: $("#chk1").is(":checked");         - #c..

1. jQuery 스타일 및 속성 변경 메서드 메서드설명 .css(property, value) CSS 스타일 변경 .attr(attribute, value) HTML 속성 변경 .prop(property, value) DOM 요소의 속성 변경 .addClass(className) 클래스 추가 .removeClass(className) 클래스 제거 .toggleClass(className) 클래스 추가 / 제거 토글2. 각 메서드별 사용법 2-1. .css(property, value) – CSS 스타일 변경$("#demo").css("color", "red"); // 글자색을 빨간색으로 변경$("#demo").css({ "color": "blue", "background-color": "ye..

1. 테이블 구조 번호품목비고 1돼지고기양돈협회 2소고기축산협회직판장 3닭고기개인농장 2. jQuery 코드 설명 $(document).ready(function(){ $("tbody tr").mouseover(function () { $(this).css("background", "#eeeeee"); }); $("tbody tr").mouseout(function(){ $(this).css("background", "#fffff..

1. jQuery에서 요소 선택하기1-1. 태그 선택자$("p").click(function(){ alert("p tag click");});: "p"를 선택하면 페이지에 있는 모든 요소에 클릭 이벤트가 추가됨  JavaScript 방식 let pTags = document.querySelectorAll("p");pTags.forEach(p => { p.addEventListener("click", function(){ alert("p tag click"); });});1-2. 후손(자손) 선택자$("div p").click(function(){ alert("div in p tag click");});: div 태그 안에 있는 모든 태그를 선택함 : "div > p"..

1. JavaScript vs jQuery 이벤트 처리1-1. JavaScript 클릭 이벤트 처리jQuery 방식$("#demo").click(function(){ alert("p tag click");});: $("#demo")를 사용해 id="demo"인 요소를 선택한 후 click() 이벤트를 추가함: 더 짧고 가독성이 좋음$("#btn").click(() => { alert("button click");});: 화살표 함수를 사용하면 코드가 더 간결해짐 JavaScript 방식document.getElementById("demo").onclick = function () { alert("p tag click");};: onclick 속성을 사용해 클릭 이벤트를 등록할 수 있음:..

1. JavaScript와 jQuery의 차이JavaScript : : 웹 브라우저에서 DOM 조작, 이벤트 처리, AJAX 요청 등을 수행하는 클라이언트 측 언어jQuery : : JavaScript를 더 쉽게 사용할 수 있도록 만든 라이브러리. 짧고 간결한 코드로 DOM 조작과 이벤트 처리를 쉽게 할 수 있음1-2. jQuery 문법 기본 형식: $(선택자).메서드(매개변수);$("p").text("안녕하세요!"); // 모든 `` 태그의 텍스트 변경: 선택자 부분에 class, id 또는 특정 속성 선택자 모두 사용 가능2. JavaScript vs jQuery 사용법 차이2-1. getter (값 가져오기)javaScript 방식let ptag = document.getElementsByTagNa..