Selectors | jQuery API Documentation
<script type="text/javascript">
$(function() {
// $("#xxx") = id
console.log($("#textId").val()); // 출력 : 아이디를 이용한 값
// $(".xxx") = class (같은 클래스명이 존재할 경우 최상단 클래스를 반환)
console.log($(".textClass").val()); // 출력 : 클래스 이용한 값
// $("input[name=xxx]") = tag[속성키=속성값]
console.log($("input[name='textName']").val()); // 출력 : 이름을 이용한 값
// $("input[name=xxx]:checked")
console.log($("input[name='radioName']:checked").val()); // 출력 : 라디오 값1
// $("div:eq(0)") = $("div").eq(0)
console.log($("input:eq(4)").val()); // 출력 : 라디오 값2
console.log($("input[type=radio]:eq(0)").val()); // 출력 : 라디오 값1
console.log($("input[type=radio]").eq(2).val()); // 출력 : 라디오 값3
// $("ul li")
// $(".xxx li")
console.log($(".listClass li").eq(1).text()); // 출력 : 아이템 값2
// $("ul > li")
console.log($("ul > li").eq(2).text()); // 출력 : 아이템 값3
});
</script>
<body>
<input type="text" id="textId" value="아이디를 이용한 값"/><br/>
<input type="text" class="textClass" value="클래스 이용한 값"/><br/>
<input type="text" name="textName" value="이름을 이용한 값"/><br/>
<input type="radio" name="radioName" checked="checked" value="라디오 값1"/>
<input type="radio" name="radioName" value="라디오 값2"/>
<input type="radio" name="radioName" value="라디오 값3"/>
<ul class="listClass">
<li>아이템1</li>
<li>아이템2</li>
<li>아이템3</li>
</ul>
</body>