본문 바로가기

제이쿼리3

'제이쿼리 toggle()이용해서 게시물 목록 정렬 버튼 토글하기 게시물 목록을 제목, 혹은 조회수, 게시일 순서를 내림차순 혹은 오름 차순으로 정렬하는 것을 토글해야할 때가 있죠. 물론 게시물의 순서는 개발팀에서 소팅을 해주어야겠지만, 일단은 UI상에서 버튼의 화살표로 직관적으로 오름차순 또는 내림차순을 클릭 횟수에 따라 토글해주어야 할 필요가 있습니다. 아 물론 데이터의 소팅까지 하는 소스는 아닙니다.이 글에서의 목적은 단지 토글 버튼을 간단하게 구현하는 제이쿼리 소스 소개입니다.이럴 때 제이쿼리(jquery)를 쓰면 간단하게 처리가 되겠죠. Demo Page보기CSS .bd00Bbs th a { background:url(../image/common/ico/arrow_0.gif) 100% 50% no-repeat; padding-right:16px; display.. 2020. 6. 8.

✈ 제이쿼리 체크박스 체크 여부 확인 및 제어 jquery checkbox checked 제이쿼리 체크박스 체크 여부 확인 및 제어 jquery checkbox checked 제이쿼리 체크박스 checked 여부 확인 $("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ checked/unchecked 처리 $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ 전체선택 체크박스를 선택하면 그 아래.. 2020. 2. 14.

✈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.

이전 1 다음

티스토리툴바