본문 바로가기
[LANG]/- Jquery

[Jqeury]Doit _javascript & jquery 시작

by Hapco 2022. 6. 3.
728x90
반응형

Jquery?

-자바스크립트의 라이브러리

자바스크립트보단 무엇이 좋아졌나요?

1. 호환성 문제해결

2.쉽고 편리한 에니메이션 효과 기능 구현

- 자바스크립트로 구현하려면 많은 코드를 사용

제이쿼리 연동하는 방법 => 다운로드와 네트워크 방법

https://jquery.com/download/

네트워크 방식으로 연결

-선택한 요소에 지정한 스타일을 적용합니다

$("CSS선택자").css("스타일속성명","값");

-선택한 요소에 지정한 속성을 적용합니다

$("CSS 선택자").attr("속성명","값");

자식요소 선택자

1.$("요소 선택 > 자식요소 선택")

2.$("요소 선택").children("자식 요소 선택")

3.$("요소 선택").children()

fisrt/last선택자

1. $("요소 선택:first") or $("요소 선택).first()

2.$("요소 선택:last") or $("요소 선택).last()

eq(index)/It(index)/gt(index)탐색선택자

-eq(index) : 선택한 요소중 지정한 인덱스가 참조하는 요소만 선택

-lt(index) : 지정한 인덱스보다 작은(lt,Less Than)인덱스를 참조하는 요소만 선택

-gt(index) : 지정한 인덱스보다 큰 (gr,Greater Than)인덱스를 참조하는 요소

$("요소 선택:eq(index)") or $("요소 선택").eq(index)

$("요소 선택 :lt(index)")

$("요소 선택 :gt(index)")

댓글