일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 문자열포함여부
- indexOf
- strpos
- 웹프로그래밍
- Selector
- CSS
- HTML
- disabled
- JQuery
- attr
- Meta Tag
- date포맷
- SubString
- 세션
- mysql
- date
- mb_strimwidth
- parent of iframe
- strtotime
- 시간계산
- accept
- input
- ucfirst
- File
- Javascript
- php
- 세션사용법
- 이전주소
- 쿠키
- element추가
- Today
- Total
목록웹개발/jQuery (10)
Heojju
$(document)ready(function(){ $(document).mousemove(function(e){ $("body").html(e.pageX +', '+ e.pageY); }); }) 움직일때마다 이벤트를 호출합니다.
안녕하세요. ▤ before var second="second"; $("#first").before(second); // first 객체 앞쪽에 second 객체를 붙인다. second 안녕하세요. ▤ insertBefore var second="second"; $(second).insertBefore("#first"); // second 객체를 first 객체의 앞쪽에 붙인다. second 안녕하세요. ▤ after var second="second"; $("#first").after(second); // first 객체 뒤쪽에 second 객체를 붙인다. 안녕하세요. second ▤ insertAfter var second="second"; $(second).insertAfter("#first"); ..
안녕하세요. ▤ append var child="child"; $("#parent").append(child); // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다. 안녕하세요. child ▤ appendTo var child="child"; $(child).appendTo("#parent"); // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다. 안녕하세요. child ▤ prepend var child="child"; $("#parent").prepend(child); // chlid 객체를 parent 객체 내 첫번째 요소로 붙인다. child 안녕하세요. ▤ prependTo var child="child"; $(child).prependTo("#parent")..
var parentEle = $('#parentElement', window.parent.document).html(); .html()은 내용을 가져와준다.
$(document).ready(function(){ $( "#draggable" ).draggable(); }); #draggable{width:150px; height:150px; border:1px solid #ccc;} #draggable:hover{cursor:move;} Element
선택 a b 선택 1 2 선택 ㄱ ㄴ $("#first").change(function(){ if(this.value!=""){ $("#second").removeAttr("disabled"); }else{ $("#second").attr("disabled", "disabled"); $("#third").attr("disabled", "disabled"); }});$("#second").change(function(){ if(this.value!=""){ $("#third").removeAttr("disabled"); }else{ $("#third").attr("disabled", "disabled"); }});
body{height:1000px;}스크롤 고정$('body').on({'mousewheel': function(e) { if($('#element')[0].checked == true){ e.preventDefault(); e.stopPropagation(); }else{ return true; } }})
$('#card_1').click(function(){ $('#detail_1').toggle();});$('body').on({'mousewheel': function(e) { if($('#detail_1').css('display') == "block"){ e.preventDefault(); e.stopPropagation(); }else{ return true; }}});?>
▤ $(window).resize 함수 : 브라우저 크기가 달라질때마다 호출되는 함수입니다. $(window).resize(function(){ //스크립트 or 함수 });
▤ 클래스 추가 [addClass]$(this).addClass('className'); // 클래스에 className 이 추가(기존 클래스 존재)$(this).addClass('className1 className2'); ▤ 클래스 삭제 [removeClass] $(this).removeClass('className'); // 클래스에 className 이 삭제(다른 클래스 그대로)$(this).removeClass('className1 className2'); ▤ 클래스 변경 [attr]$(this).attr('class','className'); // 클래스 이름이 className로 변경(기존 클래스 사라짐) ▤ 클래스 토글 [toggleClass]$('#subject').click(functi..