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

.element{width:500px;}#layer{display:none; padding:10px; background:#e6e6e6;}#layerClose{font-size:15px; float:right;}.element:hover, #layerClose:hover{cursor:pointer; opacity:0.8;} 음식입니다. 닫기X $('.element').click(function(e) { var divTop = e.clientY - 20; //상단 좌표 var divLeft = e.clientX - 40; //좌측 좌표 $('#layer').css({ "top": divTop ,"left": divLeft , "position": "absolute" }).show(); }); $("#lay..

Toggle navigation Bootstrap Example Home About Contact BOOTSTRAP PARALLAX Parallax scrolling is a web site trend where the background content is moved at a different speed than the foreground content while scrolling. Nascetur per nec posuere turpis, lectus nec libero turpis nunc at, sed posuere mollis ullamcorper libero ante lectus, blandit pellentesque a, magna turpis est sapien duis blandit di..

선택 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; } }})

▤ CSS div.imgBackground{background:black;} img.center-block:hover {opacity:0.3;} ▤ Javascript div.imgBackground{background:black;} document.getElementById('img1').onmouseover = function(){ this.style.opacity = "0.3"; } document.getElementById('img1').onmouseout = function(){ this.style.opacity = "1"; } ▤ jQuery div.imgBackground{background:black;} $('#img1').mouseover(function(){ $(this).css('op..