Posts 제이퀴리-1.
Post
Cancel

제이퀴리-1.

jQuery

제이쿼리는 자바스크립트 언어를 간편하게 사용할수있는 자바스크립트 라이브러리

jQuery문법

$(선택지).동작함수();

$(태그) 로 특정태그위치로 갈수있음 ```html <!DOCTYPE html>jQuery

아직 생성되지 않은 HTML요소에 속성 추가

``` # 로드되는 시점 ```html <!DOCTYPE html>jQuery

문서와 창이 모두 로드되는 시점

결과 보기를 다시 눌러보면서 두 시점의 차이를 살펴보기

잠시만 기다려 주세요.

잠시만 기다려 주세요.

``` $(document).ready(function(){

$(window).load(function(){ 두개의 차이는 첫번째는 문서가 시작되기전에 로딩되는반면에 두번째는 html 문서가 다 로딩되고 그후에 창이뜬다. # html 선택자 ```html <!DOCTYPE html>jQuery

HTML 태그 선택자

지금부터 jQuery를 시작합니다.

마우스로 여기를 클릭하세요.</p> ``` # css선택자 ```java <!DOCTYPE html>jQuery

HTML 태그 선택자

지금부터 jQuery를 시작합니다.</br>마우스로 여기를 클릭하세요.

마우스로 여기를 클릭하세요.

여기를 클릭하셔야 스타일이 변경됩니다.



속성 선택

flower
``` # jQuery 선택자 제이쿼리에서는 선택한 요소들을 변수에 저장하여 사용할 수 있음. ```html <!DOCTYPE html>Document

선택한 요소의 저장

  • 첫번째 아이템
  • 두번째 아이템
  • 세번째 아이템

``` # has태그 ```html <!DOCTYPE html>Document

선택한 요소의 저장

  • 첫번째 아이템
  • 두번째 아이템
  • 세번째 아이템
```

This post is licensed under CC BY 4.0 by the author.