본문 바로가기

Javascript/Jquery

(4)
마우스 오버시 이미지 확대 이 코드에서 마우스 오버시 이미지 출력 위치 수정하려면 0, 10, 220 숫자 값을 조절해주면 된다. 결과화면 (이미지가 상단에 있을 시) 결과화면 (이미지가 하단에 있을 시)
table option selected(테이블 option 선택) table에서 option 태그에서 원하는 옵션 선택한 것만 볼수 있게 하는 코드 js코드 $(".type-1").on("change",function(){ // 코드에서 .type-1를 본인이 select 태그에 클래스나 id값을 줘서 그 값으로 변경 해주면 됨. rows.filter(":has(td:nth-child(4):contains("+selected+"))").show(); //코드에서 몇번째 td를 option 값과 같은 단어를 찾을지 설정 해주면 됨. html코드 모두보기 필드 던전
jquery 테이블 정렬 코드 과목 홍길동 임꺽정 이몽룡 성춘향 수학 80 70 50 60 과학 50 30 60 90 영어 70 60 50 90 결과화면 홍길동을 오름차순 한 결과 홍길동을 내림차순 한 결과 ※꼭 와 로 구분을 지어줘야 오름차순 내림차순이 가능하다 과목, 각각 이름 별로 다 내림, 오름차순이 가능하다.
Jquery 선택자 기본선택자 종류 사용법 설명 전체 선택자 $("*") 모든 요소를 선택 아이디 선택자 $("#아이디명") id 속성에 지정한 값을 가진 요소 선택 클래스 선택자 $(".클래스명") class속성에 지정한 값을 가진 요소 선택 요소 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택 그룹 선택자 $("선택1, 선택2, 선택3, 선택4, ...선택n") 선택1, 선택2, 선택3, 선택4, ...선택n에 지정된 요소들을 한번에 선택 종속 선택자 $("p.txt_1") $("p#txt_1") 요소 중 class값이 txt_1인 요소를 선택 요소 중 id 값이 txt_1인 요소를 선택 인접 관계 선택자 종류 사용법 설명 부모 요소 선택자 $("요소 선택").parent() 선택한 요소의 부모 요소를 선..