<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<ul class="list">
<li>coffee</li>
<li>tea</li>
<li>milk</li>
<li>green tea</li>
</ul>
<script type="text/javascript">
$(function () {
//list의 길이(교수 방법????) // .list (방법: 호 실무자)
var len = $("ul.list").children().length;
alert("list의 길이는" + len +"개입니다.");
//마우스를 list 클릭시 배열의 길이값 체크 됨.
$("ul.list").children().click(function () {
var cho = $("ul.list").children().index(this);
alert("선택한 요소는 " + cho + "입니다.");
});
});
</script>
</body>
</html>
'JQuery > JQuery 기본' 카테고리의 다른 글
| [JQuery] 버튼누르면 태그,배경색,메세지띄우기 (0) | 2018.08.07 |
|---|---|
| [JQuery] 사이트 및 코드사용 (0) | 2018.08.07 |
| [JQuery] Window size 줄이면 메세지 띄우기 (0) | 2018.08.07 |
| [JQuery] 삭제,요소지우기,text내용삭제,테그 삭제 (0) | 2018.08.07 |
| [JQuery] append preppend (0) | 2018.08.06 |