Dev/jQuery

[jQuery] jQuery 효과주기(fade, slide, animate)

Visual C#은 Microsoft에서 구현한 C# 언어입니다. Visual Studio에서는 모든 기능을 갖춘 코드 편집기, 컴파일러, 프로젝트 템플릿, 디자이너 ... C#("시 샵"으로 발음)은 .NET Framework에서 실행되는 다양한 응용 프로그램을 만들기 위해 디자인된 프로그래밍 언어입니다. C#은 간결하고, 강력하며, 형식이 안전한 개체 지향적인 언어입니다. C#은 여러 가지 혁신적인 기술을 통해 C 스타일 언어의 표현성과 우아함을 그대로 유지하면서 신속한 응용 프로그램 개발을 지원합니다. 보여지는 이미지는 생략.. 실행해보면 잘 나옴.

[jQuery] jQuery toggle사용(접기/펴기)

내용 접기 MSDN 라이브러리는 Microsoft 도구, 제품 및 기술을 사용하는 개발자에게 꼭 필요한 리소스입니다. MSDN 라이브러리는 샘플 코드, 문서, 기술 자료, 참조 가이드 등 기술 프로그래밍에 대한 방대한 정보를 제공합니다. 새로운 기능! 일부 MSDN Library 페이지에서 새로운 커뮤니티 콘텐츠 섹션 기능을 사용할 수 있습니다. 개발자 커뮤니티에 참여하여 해당 섹션을 위한 코드 예제, 유용한 방법, 최선의 방법 및 기타 유용한 정보를 제공할 수 있습니다. 자세한 내용은MSDN 커뮤니티 콘텐츠 를 참조하십시오. 실행 화면은 아래와 같이..

[jQuery] jQuery 선택자 정리

$(document).ready(function () { //$(document)와 $()는 같다. $('.poem-stanza').addClass('emphasized'); //poem-stanza 클래스를 emphasized로 적용 $('#selected-plays > li').addClass('horizontal'); //selected-plays를 id값으로 가지는 요소의 자식중 리스트 항목(li) 검색 $('#selected-plays li:not(.horizontal)').addClass('sub-level'); //selected-plays를 id값으로 가지는 요소의 자식중 horizontal클래스를 가지지 않은 항목 $('a[href^="mailto:"]').addClass('mailto'..

[jQuery] $(document).ready()의 간결한 단축코드

$(document).ready(function(){ //코드작성 }); $().ready(function(){ //코드작성 }); $(function(){ //코드작성 }); 3가지 모두 같다. 가독성은 역시 그래도 긴게..

[jQuery] jQuery의 시작!

jQuery를 공부하던게 벌써 반 년전인가.. 다시 하려니 하나도 생각이 안난다. 그래서 다시 처음부터.. -_-;; 하나씩 정리하면서 진도 나가기로 했다. 선택한 책은 위키북스의 오픈소스 & 웹 시리즈_009 jQuery Learning jQuery를 선택했다. 아니.. 반 년전에 선택한 책이다 ㅋ 우선 책 소스를 다운받으려니 이메일로 알려준다. http://www.packtpub.com/support 이메일 넣고 나면 해당 이메일로 보냈다는 메시지가 나오고 이메일 확인해보면 아래와 같은 메일이 와있다. 아마 이메일 안넣고 http://www.packtpub.com/files/code/2509_Code.zip 에서 바로 다운받을 수 있을것같다. 링크에서 5.5M 다운 받는데 현재 5분이 넘게 걸리고 있..

[jQuery] $()팩터리 함수

$는 jQuery를 줄여서 표현한 것. · 태그 이름 : $('p')는 도큐먼트 내에서 모든 HTML 단락요소(p 요소)들을 얻어낸다. · ID : $(#'some-id')는 도큐먼트 내에서 some-class라는 ID를 가지는 단일 요소를 가져온다. · 클래스 : $('.some-class')는 도큐먼트 내에서 some-class라는 클래스 이름을 가진 모든 요소를 가져온다. 모든 것이 로드되었음을 알려주는 래퍼인 $(document).ready()로 시작 $(document).ready(function() { //id selected-plays를 가지는 요소의 자식(>)중에서 li를 찾아서 스타일시트 bold 클래스를 를 적용 $('#selected-plays > li').addClass('bold'..