목록WEB/JQuery (37)
Jam's story
* 모든요소 # 아이디 . 클래스명 클래스명 태그명 :first :last :even :odd :first-child :last-child :first-of-type :last-of-type :nth-child(n) :nth-of-type(n) :only-child :only-of-type 혼자 자식일 경우 적용 parent > child 직계자식 parent child 자식 parent + child 직계 뒤 형제 parent ~ child 뒤 형제 eq(index) gt(index) lt(index) 인덱스이므로 0번부터 시작한다. gt 와 lt 는 index 를 포함하지 않는다. :not :header :animated :focus :has(선택자) :contains(문자열) :empty :pare..
1. jquery 구문 html 요소를 선택하고 나서 어떤 작업(action) 을 수행하도록 되어 있다. 기본 구문 ㄱ. jquery 선택자(selector) > css 선택자(selector) ㄴ. 액션() $( jquery 선택자(selector) ).액션(); 문서 로드가 되어 사용할 준비가 되었을 때.. //1번째 방법 $(document).ready(function(){ }); }); //2번째 방법 $(function(){ }); }); 안녕하세요
1. 제이쿼리란? - jQuery는 빠르고 작고 기능이 풍부한 "JavaScript 라이브러리""입니다. - 여러 브라우저에서 작동하는 사용하기 쉬운 API를 사용하여 ㄱ. HTML 문서 탐색 및 조작, ㄴ. 이벤트 처리, ㄷ. 애니메이션 및 Ajax 와 같은 작업을 "훨씬 더 간단"하게 만듭니다. - 다목적성과 확장성의 조합으로 jQuery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 변화시켰습니다. 2. jquery 사용하는 방법 ㄱ. jquery 다운로드 1) 압축 - 대역폭을 절약하고 프로덕션 성능을 향상 jquery-3.6.0.min.js 2) 비압축 - 개발 또는 디버깅 중에 가장 잘 사용 jquery-3.6.0.js ㄴ. CDN( Content delivery network ..
ex07.html jquery효과 basics: show() , hide(), toggle() fading: fadeIn(), fadeOut(), fadeToggle(), fadeTo() slide: .slideUp(), .slideDown(),.slideToggle() custom : animate() » Run Hello!
ex06.html jquery효과 basics: show() , hide(), toggle() fading: fadeIn(), fadeOut(), fadeToggle(), fadeTo() slide: .slideUp(), .slideDown(),.slideToggle() Click me! .slideUp() 선택한 요소의 CSS height 속성값을 높여가며 사라지게 한다. .slideDown() 선택한 요소의 CSS height 속성값을 낮춰가며 나타나게 한다. .slideToggle() 선택한 요소에 .slideUp() 메소드와 .slideDown() 메소드를 번갈아가며 적용한다.
fadeIn fadeOut fadeTo fadeToggle fadeIn()- 희미하게 나타난다. ex05.html Click here... fadeIn()- 희미하게 나타난다. Let it be known that the party of the first part and the party of the second part are henceforth and hereto directed to assess the allegations for factual correctness... (click!) CENSORED! fadeOut()- 희미하게 사라진다. hide() 처럼 보일 지 몰라도, 투명도가 희미해지면서 사라지는 것이 차이점! ex05_03.html If you click on this paragraph..
https://api.jquery.com/hide/#hide .hide() | jQuery API Documentation Description: Hide the matched elements. With no parameters, the .hide() method is the simplest way to hide an element: 1 The matched elements will be hidden immediately, with no animation. This is roughly equivalent to calling .css( "display", "none" ), ex api.jquery.com ex04.html show toggle Lorem, ipsum dolor. Aut, deleniti s..