jQuery 함수
JavaScript는 브라우저마다 다른 명령어를 사용하는 경우가 있는데
jQuery는 통일된다.
JavaScript 보다 많이 축약해서 사용된다.
h1.innerText -> h1.text()
시작함수
body안에 onload한거랑 같은 의미이다.
window.onload = function(){ }
jQuery(함수이름);
객체
$ : 객체
jQuery에서 사용하는 모든 객체를 받겠다.
JavaScript
var h1 = document.getElementById('hello');
JQuery
var h1 = $('#hello');
JavaScript
h1.innerHTML = 'Hello jQuery';
h1.innerText = 'Hello jQuery';
JQuery
h1.html('Hello jQuery');
h1.text('Hello jQuery');
CSS 셀렉터
jQuery에서 제어할 대상에 접근하는 방법
jQuery는 제어할 요소를 획득하기 위해서 $() 함수안에 대상을 의미하는 CSS 셀렉터를 파라미터로 전달한다.
h1 태그 객체 획득
var mytag = $("h1");
"hello" 라는 class 속성값을 갖는 요소의 객체 획득
var mytag = $(".hello");
"hello" 라는 id 속성값을 갖는 요소의 객체 획득
var mytag = $("#hello");
익명 함수
1. $는 제이쿼리 문서 객체 선택자인 메소드를 나타낸다.
2. $에 익명함수를 사용하면 <body> 영역의 문서를 모두 로딩한 후에 제이쿼리를 실행하라는 의미이다.
$(document).ready(function(){});
$(function(){});
둘다 사용 가능
$(function(){
var h1 = $('#hello');
h1.html('Hello jQuery');
h1.text('Hello jQuery');
});'프런트엔드 > jQuery' 카테고리의 다른 글
| JQuery, 스타일 지정 / 파일 내용 출력 / 파일 활성화, 비활성화 (0) | 2024.08.26 |
|---|---|
| JQuery, attr() / prop() / get() (0) | 2024.08.26 |
| JQuery, window / 속성 값 (0) | 2024.08.26 |
| JQuery, form 전송하기 / 회원가입 유효성 검사 (0) | 2024.08.26 |
| JQuery, Event 함수(hover, keyup, keydown, json객체, keypress, which) (0) | 2024.08.26 |