setTimeout(함수,초단위(1000))-한번만 실행됨
setInterval(함수,초단위(1000))-반복해서 실행됨
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../jquery-1.9.1.min.js"></script>
<script>
$(function(){
setTimeout(function(){
var value=$('select > option:selected').val()
//select태그의 바로 아래 option태그 중 선택된 값
alert(value);
},2000)
})
</script>
</head>
<body>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</body>
</html>-> 옵션 1,2,3 중 선택된 값을 2초 후 화면에 alert한다
같은 태그일때 속성이 없는 경우 구분하는 방법
태그의 순서에 따라 구분한다
내부적으로 인덱스 번호는 0부터 시작된다
$('tr:even').css('background','pink')
<!--짝수번째(0,2,...) tr태그에 스타일 추가-->
$('tr:first').css('background','yellow');
<!--첫번째(0) tr태그에 스타일 추가-->
$('tr:contains(이름)')
<!--이름 문자열을 포함하는 tr태그-->
$('tr:eq(0)')
<!--0번째 인덱스에 위치한 tr태그-->
$('tr:gt(2)')
<!--2보다 큰 인덱스 번호에 위치한 tr태그-->
$('tr:lt(2)')
<!--2보다 작은 인덱스 번호에 위치한 tr태그-->
$('tr').not(':even')
<!--짝수인덱스가 아닌 tr태그-->
$('tr').has('th')
<!--th태그를 갖는 tr태그-->
'jQuery' 카테고리의 다른 글
| [jQuery]$.extend, $.each (0) | 2021.03.08 |
|---|---|
| [jQuery]addClass, removeClass, toggleClass, filter, is, append, prepend, after, before 함수 (0) | 2021.03.08 |
| [jQuery]중첩태그 구분하기, 같은 태그를 속성에 따라 구분하기 (0) | 2021.03.05 |
| [jQuery]이클립스 template 추가하기/ 제이쿼리 함수 attr, each, children, text, html, val (0) | 2021.03.05 |
| [jQuery]ready함수, 제이쿼리 api문서, css함수, 제이쿼리 변수 (0) | 2021.03.04 |