jQuery36 jQuery 선택자-엘리먼트 관련 * -> 모든 요소 E1 -> 태그명이 E1인 모든 요소 E1.class -> E1요소 중 Class 속성 값이 class와 같은 모든 요소 E1#id -> E1 요소 중 ID 속성값이 id와 같은 요소 E1,E2 -> 모든 E1요소와 모든 E2요소 E1 E2 -> E1의 자식 요소 중 모든 E2요소(후손) E1>E2 -> E1의 바로 아래 자식요소 중 모든 E2요소(자식) E1+E2 -> E1의 바로 다음에 오는 형제요소 중 E2요소 E1~E2 -> E1의 다음에 나오는 형제요소 중 모든 E2요소 2020. 1. 4. jQuery 자식, 후손 태그 스타일 주기 - 전체 span태그에 테두리 빨간색, 배경색 핑크색, 폰트색깔 빨간색으로 주기 - 전체 p 태그에 테두리 빨간색, 너비 20% 주기 - 아이디 list에 폰트 크기 30px, 테두리 오렌지색, 너비 20% 주기 - span의 자식 요소 중 a요소에 위에 밑줄긋기 - 클래스 detail에 폰트색깔 파란색으로 주기 - div의 형제요소 중 span 태그에 배경색 밝은 녹색 주기 - div 바로 아래인 span 요소에 테두리 빨간색 주기 - div의 형제요소 중 b태그에 테두리 파란색 주기 - 버튼 배경색 녹색 주기 2020. 1. 3. jQuery div-자식, 후손태그 스타일 주기 div의 자식, 후손 태그에 스타일 주기 div ~span -> div 다음에 나오는 모든 형제 span 요소 div>span -> div의 모든 자식 div+b -> div의 바로 다음 형제 div~b -> div의 모든 형제 전체 span 태그에 background 노란색 주기 div의 자식인 span태그에 테두리 파란색 주기 divd의 자식인 p태그의 자식태그인 span태그에 테두리 빨간색 주기 2020. 1. 3. jQuery html()과 text()의 차이 html() = innerHTML() -> 가져오는 대상에 html태그가 포함 ex) alert($('body').html()); -> body태그 안의 모든 태그를 포함한 문장 text() = textContent() -> 가져오는 대상에 html태그가 포함되지 않는다. ex) alert($('body').text()); -> body태그 안의 모든 문자만 포함 alert($('p'.text()).text() -> 여러 대인 경우 모든 p태그의 문자만 alert($('p').html()); -> p가 여러개인 경우 첫번째 인것만 태그를 포함 2020. 1. 2. jQuery div에 이미지 출력하기 imgs = ["chrysanthemum.jpg", "Hydrangeas.jpg", "Jellyfish.jpg"......] -> imgs에 이미지 파일을 담는다. ran = Math.floor(Math.random()*imgs.length); -> imgs에 담긴 이미지를 랜덤으로 출력되게 한다. 'src' : '../images/'+imgs[ran] -> 랜덤으로 지정된 이미지를 출력한다. 2020. 1. 2. jQuery alert창 띄우기 append와 appendTo의 차이 - tag.appendTo($(#result)) -> 무엇을.appendTo('위치(어디에)') - $('#result').append(tag) -> 위치(어디에).append(무엇을) 2020. 1. 2. 이전 1 ··· 3 4 5 6 다음
