2013년 10월 24일 목요일

(제이쿼리강좌,jquery 강좌)size( ) : 매치되어진 원소들의 개수를 반환한다.


● size( )  Returns: Number

size( ), 실행 후 숫자를 반환
매치되어진 원소들의 개수를 반환한다.
<html><head>
<style>
body {
cursor: pointer;
}
div {
width: 50px;
height: 30px;
margin: 5px;
float: left;
background: blue;
}
span {
color: red;
}
</style>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">


$(document).ready(function(){
$(document.body).click(function () {
  $(document.body).append($("<div>"));
  var n = $("div").size();
  $("span").text("There are " + n + " divs. Click to add more...");
    }).click(); // trigger the click to start
});
</script>
</head>
<body>
<span></span> 
<div></div>
</body>
</html>
 
 
 
 


[기타 다른 강좌는 아래 해당 카테고리를 클릭해주세요]


댓글 없음:

댓글 쓰기