웹퍼블/웝퍼블(JS, jQuery)
jQuery - 스타일, 속성, 동작 관련
1.CSS 속성 수정 아이디가 box인 요소의 배격색을 red로 바꾼다. $('#box').css({'background-color':'red'}); $('#box').css('background-color','red'); $('#box').css({backgroundColor:'red'}); 위의 3가지 코드는 작성 방법만 다를 뿐 결과가 같다. 2.제이쿼리로 여러가지 CSS속성 수정 $('#box').css({'background-color':'red','color':'white'}); $('#box').css({backgroundColor:'red',color:'white'}); 두가지 이상의 CSS속성을 변경할 때 콤마(,)로 구분해서 작성한다. 3.클래스 추가 $('#box').addClass(..
jQuery - 선택자
1.요소 선택자 $("요소") - html의 요소를 선택합니다. $("div").text("선택"); 2.아이디선택자 $("#id") - 아이디로 html의 요소를 선택합니다. $("#box").text("선택"); 3.클레스선택자 $(".class") - html의 클레스요소를 선택합니다. $(".box").text("선택"); 4.모든 선택자 $("*") - 모든 요소를 선택합니다. $("*").text("선택"); 5.자식 선택자 $("ul > li") - ul 밑에 li 요소를 선택합니다. $("ul > li").text("선택"); 5.자손선택자 선택자 $("#box div") - #box 밑에 모든 div를 선택합니다. $("#box div").text("선택"); 6.형제 선택자(1) $("..