Web/JQuery (35) 썸네일형 리스트형 [Jquery] 동적으로 img 태그 생성하는 방법 $('', { src: 'images/little.bear.png', alt: 'Little Bear', title:'I woof in your general direction', click: function(){ alert($(this).attr('title')); } }).css({ cursor: 'pointer', border: '1px solid black', padding: '12px 12px 20px 12px', backgroundColor: 'white' }).appendTo('body'); 제이쿼리 버전 상관없이 최신버전만 사용하는 방법 버전에 관계 없이 나는 항상 최신 버전만 사용하고 싶다! 하는 경우에도 방법은 있다. 위와 같이 입력하면 항상 최신 버전의 jQuery가 적용되게 된다. jQuery closest(), parents() 메소드의 차이 http://ismydream.tistory.com/94 바빠서 ㅠ event.stopPropagation(), event.preventDefault () 이해하기 e.preventDefault(); 이것이 대체 뭐하는 녀석일까? 궁금해서 정보 검색을 해보았다. 간단하게 말하면 다음과 같다. ${row.TITLE } //제목 $("a[name='title']").on("click", function(e){ e.preventDefault(); fn_openBoardDetail($(this)); }); 이런식으로 소스를 작성한다고 하면 위 a 태그는 click 이벤트 또한 가지고 있기 대문에 a 태그를 클릭했을 때는 두가지 행동을 하게 됩니다. 첫번째 click 이벤트를 실행합니다. 두번째는 브라우저에게 href 에 표시된 곳으로 이동하도록 합니다. 근데 여기서 한가지 주의해야 할 점이 있습니다. href="#" 은 웹브라우저가 다른 곳으로 이동하지는 않지만 스크롤이 .. 제이쿼리 슬라이드 화면 실습 Hello Goodbye GoodLight goodshow1 goodshow2 goodshow3 goodshow4 goodshow5 제이쿼리 이런식으로도 사용 가능하다. 참고 var tab = { tab_btn : $(".search_emp .tab02_02 > a"), tab_con : $(".tab_con_wrap > div"), inter_btn : $(".inter_tab > li"), inter_con : $(".inter_con_wrap > div"), i : 0 }; tab.tab_btn.removeClass("on").eq(tab.i).addClass("on"); tab.tab_con.hide().eq(tab.i).show(); tab.tab_btn.on("click",function(){ var index = $(this).index(); tab.tab_con.each(function(i){ if(i == index){ tab.tab_con.hide(); ta.. Jquery Selector ( 자주 쓰는 ) (1) Javascript 문법 스타일 기존의 프로그래밍 언어의 엄격한 문법 스타일에 적용되어 있는 사용자라면 분명히 자바스크립트의 자유 분방한 문법 스타일을 보고 적지않게 당황한적이 있을 것이다. 이러한 스타일은 단점이 될 수도 있으나 매우 유연하기 때문에 때에 따라서 매우 강력한 기능을 발휘한다. 그렇다면 가장 많이 사용되는 자바스크립트의 함수와 관련된 문법 스타일에 대해서 알아보도록 하자. 1. 함수를 변수에 설정할 수 있다. 1 2 3 var func = function() { alert("안녕"); }; 2. 변수에 설정한 함수를 매개 변수로 사용하여 호출 할 수 있다. 1 showAlert(func); 3. 위와 같이 변수에 담지 않고 바로 함수를 매개 변수로 바로 설정 할 수 있다. 1 2 .. Jquey append 종류 실습 $('div') .append('1. Append') .prepend('2. Prepend') .before('3. Before') .after('4. After'); body Lorem ipsum dolor sit amet consectetur adipiscing elitr sed diam nonumy tempe goreng. 결과 그림 이전 1 2 3 4 5 다음
