1. $(document).ready()
<script>
$(document).ready(function(){
//문서가 준비되면 이 콜백함수를 실행시킨다.
})
</script>다음과 비슷한 기능이다.
<script>
window.onload = function(){ ... }
</script>- IE이벤트모델이나 표준이벤트모델처럼 이벤트로 여러 개의 함수를 연결할 수 있다. 다음의 예제를 보자.
<script>
$(document).ready(function(){
alert('first');
})
$(document).ready(function(){
alert('second');
})
</script>2.기본선택자
css선택자와 유사하다.
<script>
$('h1').css('color', 'red')
// 선택자 메서드
</script>여러개의 태그 선택하고 싶으면?
<script>
$('h1, p').css('color','red'); //h1태그와 p태그의 컬러속성에 red적용.
</script>2-1. 전체선택자
<script>
$('*').css('color','red'); //모든 문서객체의 color 스타일 속성에 red 적용.
</script>2-2. 태그선택자
<script>
$('h1').css('color','red'); //h1태그들 선택한 뒤 color = 'red'
</script>2-3. 아이디선택자
<script>
$('#target').css('color','red'); //id='target'인 문서객체의 color 스타일 속성에 red 적용.
</script>2-4. 클래스선택자
<script>
$('.item').css('color','red'); //class='item'의 color 스타일 속성에 red 적용.
</script>2-5. 자손선택자와 후손선택자
자손선택자와 후손선택자는 기본 선택자의 앞에 붙여 사용하며, 기본선택자의 범위를 제한한다.
2-5-1. 자손선택자
부모태그 바로 밑 태그들을 자손이라한다.
요소A > 요소B의 형태.
다음 코드는body바로 아래 모든 자손(후손x)으로 범위를 한정해css를 적용해주는 코드다.
<script> $('body > *').css('color','red'); </script>2-5-2. 후손선택자
부모 아래 모든 태그들을 후손이라한다.
요소A 요소B의 형태.
다음코드는body아래 모든 태그들로 범위를 한정해css를 적용해주는 코드다.
<script> $('body *').css('color','red'); </script> 2-6. 속성선택자
기본선택 뒤에 붙여 사용한다.
요소[속성=값]의 형태.
<body>
<input type='text'/>
</body>
<script>
$("input[type='text']").val('hello world');
</script>2-7. 필터선택자
선택자 중 ':'기호를 포함하는 선택자를 필터선택자라 한다.
요
2-7-1. 입력양식필터선택자
2-7-2. 위치필터선택자
2-7-3. 함수필터선택자
3. 배열관리
4. 객체확장
5. jQuery충돌방지
안녕하세요!