jquery selector , attrivutes, traversing

1. 선택자(selector) 연습하기
- 연습 사이트 : http://www.hgjung.pe.kr/jquery/SelectorExample.aspx

* : 모든 엘리먼트
e : 태그 명이 e인 모든 엘리먼트
  
$('#아이디') : 아이디 선택
$('.클래스') : 클래스 선택
$('태그') : 태그 선택 ex) p, div, span...


$('<p>test</p>')  : 태그 묶기
$('<p>test</p>') .appendTo('body') : 도큐먼트 끝에 추가

$("input[name='name_val']") : input태그의 name이 "name_val"인 것 선택

$request.getContextPath()
$(function(){코드 작성});  시작과 동시에 이루어짐.
$("#아이디").val(넣을값);




.attr(name) : 해당 속성과 매핑되는 값을 들고 온다.
.attr(name, value) : 해당 속성의 값을 설정해준다.

.show() : 보여주기
.hide() : 감추기

.addClass('클래스명') : 클래스 추가

1. 로딩시 바로 시작

window.onload = function(){ alert("welcome"); }

$(document).ready(function(){
    $("a").click(function(event){
       alert("Thanks for visiting!");

       //event.preventDefault();

    });

});

2. css 클래스 추가 / 삭제

1. checkbox

- 선택된 값 : $("input[name=objname]:checked").val()

- 선택 : $("input[name=objname]").filter("input[value=objvalue]").attr("checked", "checked");

- 해제 : $("input[name=objname]").filter("input[value=objvalue]").attr("checked", "");

- 선택된 갯수: $("input[name=objname]:checkbox:checked").length

2. selectbox

- 선택된 값: $("#objname option:selected").val()

- 선택 : $("#objname optio[value=objvalue]).attr("selected", "true");