반응형

웹관련프로그래밍(web programming)/Jquery(제이쿼리) 3

[Javascript] Jquery 기본 구조와 선택자(Selector)

목차 Jquery 기본 구조 Jquery는 Javascript를 기본으로 만들어진 라이브러리로 보시면 됩니다. Javascript의 복잡한 기능을 사용자가 사용하기 편하게 단순하게 만들었다고 보시면 됩니다. 우선 Jquery를 사용하기 위해서는 라이브러리를 불러와야 합니다. 마치 파이썬(Python)에서 라이브러리(Library)를 사용하기 위해 import를 하는 것과 마찬 가지 입니다. Jquery를 사용하고자 하는 HTML 문서의 사이에 아래와 같이 선언해 줍니다. 다음은 Jquery 사용 기본 골격입니다. 2번 라인: DOM 즉, html 문서가 준비 되면 function() 을 시행합니다. 3번 라인: $(selector).action() 으로 selector는 한국말로는 선택자로 HTML 문서..

[Javascript] Jquery HTML, TEXT, Atrribute(속성) 정보 가져오기

목차 [Javascript] Jquery HTML 불러오기 javascript로 만든 Jquery에서 html()함수를 사용하게 되면 선택자(selector)로 선택된 범위 내에 html 구문 내용을 가져옵니다. 우선 jquery를 사용하기 위해 아이디는 무엇? 비밀번호 Get Html info 결과>> [Javascript] Jquery 텍스트(text)값 가져오기 선택한 태그내의 텍스트 값을 가져 옵니다. 구성은 위에 html 함수와 동일 합니다. 코드>> 아이디는 무엇? 비밀번호 Get Html info 결과>> [Javascript] Jquery 속성(attribute)값 가져오기 attr(속성값) 함수를 사용하여서 속성의 값을 가져옵니다. 구성은 앞 예제들과 동일 합니다. 코드>> 아이디는 무엇..

[Javascript]Jquery callback 함수란? (알람창(alert) 띄우는 예제로 이해해보기)

목차 글 시작에 앞서 visual studio에서 jquery 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) jquery callback 함수 : 정의 앞서 게시판에서 fadeIn으로 selector가 천천히 나타나게 하는 함수를 배웠다. (jquery - fade 기능, 천천히 사라지거나 나타내게 하기(예제로 이해하기) (tistory.com)) $(selector).fadeIn(speed,callback); $(selector).fadeOut(speed,callback); $(selector).fadeToggle(speed,callback); $(selector).fadeTo(speed,opacit..

반응형