Jam's story

jquery-3.6.0.js 164라인에 제이쿼리객체가 선언되어있다. jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' // Need init if jQuery is called (just allow error to be thrown if not included) return new jQuery.fn.init( selector, context ); }; 객체생성자에 멤버(속성 메서드를 추가할때) $.fn= jQuery.fn = jQuery.prototype jQuery는 $기호로 사용하기 때문에 $.fn로 사용가능

$ 기호: jQuery object 다른 js 프레임워크(Angular, Backbone, Enber등등)에서 $기호가 충돌할수 있는데 , jQuery 의 noConflict() 메서드 사용 하면 해결가능 1 2

-부모 ,조부모, 중조부모 -자손 ,중손자 -형제 자기자신함수등록 arguments.callee ex08.html Traversing(횡단) Hide Show Lorem.Asperiores.Reiciendis? Laborum.Ab.Quam?Optio. Aliquam.Eius!Delectus. $("div.foo").click(function(){ //this==div.foo //div.foo 안에 자식 span태그 $("span",this).addClass("bar"); //$("div.foo span") 와 같은 표현 parent 직계부모 parents 모든부모 parentsUntil ~까지 부모 -> 괄호 안은 포함되지 않는다. find 자식을 찾는 함수 children 선택한 요소의 모든 직계 자식..

링크태그의 기본기능을 막겠다. ->링크이동안함 event.preventDefault(); ex07.html 쌍용교육센터

width() -요소 넓이 innerWidth() -요소 넓이+패딩 outerWidth() -요소 넓이+패딩+보더(border) outerwidth(true) -요소 넓이+패딩+보더+마진 height() -요소 높이 innerHeight() -요소 높이+패딩 outerHeight() -요소 높이+패딩+보더(border) outerHeight(true) -요소 높이+패딩+보더+마진 ex06.html width() -요소 넓이 innerWidth() -요소 넓이+패딩 outerWidth() -요소 넓이+패딩+보더(border) outerwidth(true) -요소 넓이+패딩+보더+마진 height() -요소 높이 innerHeight() -요소 높이+패딩 outerHeight() -요소 높이+패딩+보더(bo..

[jquery로 css 조작 방법] ㄱ.css() ㄴ.addClass() - 추가 ㄷ.removeClass() -제거 ㄹ.toggleClass() -선택한 요소에 클래스(Class) 값을 넣었다 뺐다 할 수 있습니다. ex05.html [jquery로 css 조작 방법] ㄱ.css() ㄴ.addClass() ㄷ.removeClass() ㄹ.toggleClass() ㅁ. Lorem, ipsum dolor. Distinctio, esse labore. Lorem, ipsum dolor. Incidunt, tempora quasi! Ipsum, obcaecati mollitia. Lorem, ipsum dolor. add Class

contents가져올때 사용하는 제이쿼리메소드 -text() -html() -val() 속성 가져올 때 사용하는 제이쿼리 메소드 -attr() 요소추가 -append()/ appendTo() -prepend()/prependTo() - before() / after() ex04_02.html Lorem, ipsum dolor. Quos, modi hic. Lorem, ipsum dolor. Dicta, dolor ex. Rem, quasi alias.

stop() 애니메이션 효과가 완료되기전에 중지하는데 사용하는 메서드 stopAll 대기열에 기본값 (false). true 주면 모두 중지 애니메이션 큐 (대기열 a,b,c,d) fifo 구조 큐에 있는 애니메이션 처리는 어떻게 할건지 true? false? 기본값 false goToEnd 매개변수 현재 애니메이션을 즉시 완료할 수 있는 여부 지정하는 매개변수 기본값 false 예) $("demo").stop()==stop(false ,false); stopAll 선택. 대기 중 애니메이션 중지할지 여부 지정. (참거짓) false : 모두 멈추지 X. (= 현재 실행 중 메서드만 멈춤.) (기본값) true : 모두 멈춤 O. (= 모든 메서드 다 멈춤.) goToEnd 선택. 현재 실행 중 애니메이..