모던 웹을 위한 Javascript jQuery 책을 보면서 정리하는 내용이다.

관련글보기
[문돌이의 IT/jQuery] - jQuery 기본(선택자)



속성선택자

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery</title>
 
<script
  src="http://code.jquery.com/jquery-3.2.1.js"
  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
  crossorigin="anonymous"></script>
<script>
 
/*
$(document).ready()
*/
 
$(document).ready(function (){
    $('input[type="text"]').val('hello jQuery');
});
 
</script>
</head>
<body>
 
<input type="text"/>
<input type="password"/>
<input type="radio"/>
<input type="checkbox"/>
<input type="file"/>
    
</body>
</html>
cs



필터선택자 ->  ' : ' 기호를 포함하는 선택자를 필터 선택자라고 한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery</title>
 
<script
  src="http://code.jquery.com/jquery-3.2.1.js"
  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
  crossorigin="anonymous"></script>
<script>
 
/*
$(document).ready()
*/
 
$(document).ready(function (){
    // 3초 후 실행
    setTimeout(function (){
        var val = $('select > option:selected').val(); 
            
        alert(val);
    }, 3000);
});
 
</script>
</head>
<body>
 
<select>
    <option>aaa</option>
    <option>bbb</option>
    <option>ccc</option>
    <option>ddd</option>
    <option>eee</option>
</select>
 
</body>
</html>
cs


퇴사 관련 이야기들을 모아 책으로 출판했습니다. 

아래 링크에서 전체 목차를 읽어보세요!

대기업 퇴사 이야기 전체보기 : http://www.bookk.co.kr/book/view/21659



아래 링크로 간단한 후기 링크를 남기면 배송비도 환급된다고 하니 참고해주세요.

http://www.bookk.co.kr/community/postscript


저작자표시 비영리 변경금지

'문돌이의 IT > jQuery' 카테고리의 다른 글

제이쿼리 선택자 jQuery selector  (0) 2018.09.05
제이쿼리 횡단탐색(jQuery Traversing) 공부 정리  (0) 2018.09.05
jQuery 기본(선택자)  (0) 2017.10.20
jQuery contains(), has() Selector  (0) 2017.08.28
jQuery AJAX(2) get() 메소드, post() 메소드  (2) 2017.08.26

+ Recent posts

티스토리툴바