본문 바로가기

jQuery17

제이쿼리 아코디언 on() 이벤트 주간 스케줄 만들기 css :not() 선택자 제이쿼리 on() 이벤트 와 css :not() 선택자를 이용해서 주간 스케줄 아코디언 만들기 일하는 중이라 자세한 제이쿼리 아코디언 설명은 생략한다. css /* scheduleWeek*/ .scheduleWeek { width: 100%; min-width: 950px; table-layout: fixed; border-spacing: 0; border-top: 1px solid #ccc; } .scheduleWeek>tbody>tr>th, .scheduleWeek>tbody>tr>td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .scheduleWeek>tbody>tr>th.selectTH { width: 90px; border.. 2019. 10. 11.

[웹접근성] jquery checked checkbox radio 체크 유무, 선택된 값 가져오기 제이쿼리 체크박스 개수체크 소스 ✈ 웹접근성을 고려한 jQuery를 활용한 체크박스와 라디오 버튼 처리 개요 강동구립통합도서관 회원가입에서 이용약관 동의 및 개인정보처리방침 동의에 radio와 checkbox form이 사용되어 있는데, 웹 접근성에 부합되기 위해서는 오류발생 시 알림 후 해당 입력폼으로 포커스를 맞춰주어야 한다. 때 마침 오늘 이 회원 약관 동의 페이지에서 라디오와 체크박스가 모두 사용되고 있어서, jquery radio checked와 jquery checkbox checked로 체크 유무와 focus()를 이용해서 촛점 맞추는 것을 예제로 쓸 수 있어서 포스팅 한다. 체크 유무든, 포커스를 맞추는 것이든 jquery의 절반은 요소(element)의 정확한 선택자 선정이 중요하다. 예제 소개 일단 예제로 보자. 통합.. 2019. 8. 2.

✈jquery hover function 사용 예 제이쿼리 이벤트 중에서 꽤 흔하게 사용되는 이벤트 메소드가 바로 hover다. 특정 엘러먼트 위에 마우스가 위치하거나 벗어났을 때의 이벤트를 정의한다. 자바스크립트의 mouseenter, mouserover를 한 번에 제어할 수 있다. CSS의 :hover 선택자를 이용한 것과 같은 이벤트를 타기 때문에, 키보드로 앵커에 위치했을 때는 동작하지 않는다. jquery hover function 사용 예 $(document).ready(function(){ //2depth menu showing when menu is collapsed var hoverMenu = $('.lnb .lnb1depth >li'); hoverMenu.hover( function () { var menuInitH = $('#menu.. 2019. 7. 25.

✈ jquery animate 사용예 jquery animate 사용예 .animate() 함수를 이용하면 html Element 상의 객체 움직임을 부여할 수 있다. 반드시 CSS 속성 맵 데이터와 함께 사용한다. 움직임에 관련된 속성들은 단수 수치 값(single numeric value)을 이용한다. 즉, width, height, left, margin 등에 이용할 수 있지만 color같은 값에는 사용할 수 없다. .animate( properties [, duration] [, easing] [, complete] ) Returns : jQuery Duration은 지속시간이며, complete에는 콜백 함수를 지정해서, 애니메이션 동작 이후 함수를 실행할 수 있다. 단, 이 함수에는 인자값을 넘겨 줄 수는 없다. .animate(.. 2019. 7. 17.

jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 📌jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 1번부터 10번까지 형제 요소들이 있을 때 이 중에서 2번부터 5번까지만 선택해서 jquery로 동작을 시키고 싶을 때가 있다. 이럴 때 사용하는 함수가 바로 jquery slice()함수다. 사용방법은 다음과 같다. $('selector').slice(2,5).addClass('newClass'); 이와 같이 실행하면, 선택된 요소들에서 eq(2),eq(3),eq(4),eq(5) 가 선택되어서 addClass함수에 의해 'newClass'라는 클래스명이 부여된다. 2019. 6. 24.

이전 1 2 3 다음

티스토리툴바