Java/jQuery

1.2 Using jQuery

전거가감 2014. 2. 19. 15:16
반응형

1. down jQuery

2. load it in your HTML document

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

3. start using it

<script src="application.js"></script>


===========================================


<h1>Where do you want to go?</h1>

<ul id="destinations">

<li>Rome</li>

<li>Paris</li>

<li class='promo'>Rio</li>

</ul>


We can find elements by ID or Class

css                 jQuery

p{...}          <-> $("p");

#container{...} <-> $("#container")

.articles{...}  <-> $(".articles");


===========================================


ID로 찾기

$("#destinations");


class로 찾기

$(".promo");


===========================================

1번문제

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


2번문제

<script src="application.js"></script>


3번문제

$('h2').text('vacation');


4번문제

$('#vacations')


5번문제

$('.america')


반응형