웹프로그래밍/jQuery

jQuery의 변수

zelkova 2016. 3. 28. 12:43

<목차로 돌아가기>


  jQuery의 변수

값을 임시로 저장하기 위해서 다른 언어처럼 jquery도 변수를 사용합니다 변수 선언방법은 자바스크립트와 같으나 각가의 DOM 엘리먼트를 저장할때는 약간 다릅니다.


변수(variable)

프로그램 실행시 처리대상이 되는 값이나 처리된 결과를 기억시킬 임시 저장 공간을 의미


일반변수 선언방법

var a=0;

a=Math.random()*100;

//0~99까지의 랜덤값을 계산하여 a변수에 저장한다.


요소변수 저장벙법

$a=$("div").siblings('input:text');

//p의 같은 계층 중 input type의 text요소들을 a에 저장시킨다.



Exameple

7lesson.zip


<html>

 <head>

<script src="js/jquery-1.12.2.min.js"></script>


<script>

$(document).ready(function()//현재 문서가 준비되면 함수를 사용하겠다.

{

var $a=$(".img").children();

var txt=$a.text();

alert(txt);

});

</script>

</head>


<body>

<div class="img">

<img src="1.jpg"  width=200 height=200>

<h3> 고양이</h3>

<b>고양이는 야옹하고 울지요</b>

</div>

<div class="img">

<img src="2.jpg"  width=200 height=200>

<h3> 강아지</h3>

강아지는 낑낑하고 울지요

</div>

<div class="img2">

<img src="3.jpg"  width=200 height=200>

<h3> 다람쥐</h3>

다람쥐는 찍찍하고 울까나?

</div>

</body>

</html>



반응형

'웹프로그래밍 > jQuery' 카테고리의 다른 글

jQuery의 필터제어  (0) 2016.03.30
jQuery-탐색관련 메소드  (0) 2016.03.28
jQuery-DOM요소 제어하기  (0) 2016.03.28
jQuery의 메소드  (0) 2016.03.26
jQuery-선택자1  (0) 2016.03.24