개발중/jQuery (15) 썸네일형 리스트형 선택자 탐색 선택자 내용1 내용2 내용3 내용4 * 이 부분을 쓸 때 "background-color " 마지막에 띄어쓰기 하나 있음으로 인해서 작동을 하지 않았다 $("#menu li").eq(2).css({"background-color": "#ff0"}); 탐색 선택자 내용1 내용2 내용3 내용4 내용5 탐색 선택자 내용 1 - 1 내용 1 - 2 내용 1 - 3 내용 2 - 1 내용 2 - 2 내용 2 - 3 콘솔 F12 each()/$.each() 메소드 199p 선택한 요소는 배열에 순서대로 저장된다. 이때 each()/$.each() 메소드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져온다. 내용1-1 내용1-2 내용1-3 내용2-1 내용2-2 내용2-3 this 는 이런 상.. 선택자 탐색 선택자 내용1 내용2 내용3 내용4 * 이 부분을 쓸 때 "background-color " 마지막에 띄어쓰기 하나 있음으로 인해서 작동을 하지 않았다 $("#menu li").eq(2).css({"background-color": "#ff0"}); 탐색 선택자 내용1 내용2 내용3 내용4 내용5 탐색 선택자 내용 1 - 1 내용 1 - 2 내용 1 - 3 내용 2 - 1 내용 2 - 2 내용 2 - 3 콘솔 F12 each()/$.each() 메소드 199p 선택한 요소는 배열에 순서대로 저장된다. 이때 each()/$.each() 메소드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져온다. 내용1-1 내용1-2 내용1-3 내용2-1 내용2-2 내용2-3 this 는 이런 상.. next/prev (정) 인접관계 선택자 183p 내용1 내용2 내용3 내용4 jQuery tap메뉴 버튼 만들기 메뉴 선택 버튼 만들기 🔧🔨 위에 처럼 만들기 🔧🔨 공지사항을 누르면 갤러리 색이 회색이 되어야 하고😳 갤러리를 누르면 공지사항 색이 회색이 되어야 하고 😲 CSS HTML 안에 두 개의 하나는 공지사항, 또 다른 하나는 갤러리 JQUERY 이해가 안가지만 차근차근 헤쳐보기 👿 둘 중에 어느 버튼이 눌리던 눌리는 버튼이 this 클릭된 버튼은 active class 적용 자, 너의 형제를 데리고와 👫 즉, 클릭한 버튼 옆에 있는 친구 데리고와서 removeClass() 지고 있던 클래스를 지워버려 span() 이 두개 밖에 존재하지 않기 때문에 딱히 고민할 필요 없잖아?! 😏 초기값으로 공지사항은 처음에는 클릭한 상태, 내가 갤러리를 클릭하면 공지사항은 removeClass() 내가 공지사항을 클릭하면 .. JQUERY 메뉴 네비게이션바 만들기 JQUERY 메서드(탐색) 내가 만든 스타일을 적용하고 싶은 a는 menu 아래 list 바로 아래에 있는 a 야 모든 a에게 적용 시키지마 내가 선택한 a만 적용 시켜줘 이런식으로 말이야 😃 근데 뭔가 메인 메뉴가 허전해 그치, 헛둘 헛둘, block 으로 바꾸고 center 로 맞추고 padding 도 맞춘다면 그래도 아직 그닥 별로 🙀 ========================================================= 네비게이션 이번 네비게이션은 이렇게 스타일을 줘볼까나, 😺 아래에 두 개의 왜냐 두 개의 메뉴바를 만들기 위해서 그 아래 은 4 개의 를 가지고 있다. 왜냐 4개의 메뉴 속성이 필요 하기에 JQuery 자 이제 다시 정리해보자 😉 mouseenter() mousel.. JQUERY CLASS JQUERY CLASS 제어를 해보자.👀👂 addClass() removeClass() toggleClass() =========================================================== JQUERY를 이용하지 않고 구현 할경우 *일반적으로 클래스를 넣고 뺄 때는 active 라는 클래스 명을 사용해 😃 나중에 선언한 백그라운드 색상이 기존에 백그라운드 색을 덮어쓰는 현상. 에구머니야. JQuery의 중요성. ( 필요할 때를 알고 지정 ) =========================================================== JQUERY를 이용하여서 구현 할경우 이번에 사용할 디자인은 이렇게 해봤습니다 에헴, 👽 ☝ addClass()를 사용해서 클래스.. JQUREY 함수01 JQUREY 함수 show(), hide() 사용하기 HTML문서 style에서 a태그와 div태그를 간단히 꾸며주고 보이기 버튼을 눌렀을 때 .show() 실행 숨겨 놓았던 BOX가 보인다. 😁 감추기버튼을 눌렀을 때 .hide() 실행 보이던 BOX가 감춰진다. 😩 =================================================== MOUSEENTER 🙉 MOUSELEAVE 🙈 버튼에 내가 마우스를 올려 놓았을 때 실행이 되는 mouseenter 버튼에 내 마우스가 존재하지 않을 때 실행이 되는 mouseleave =================================================== 선택자 종류 CSS 클래스 선택자 CSS 아이디 선택자 CSS 태그 선.. 이전 1 2 다음
