ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î

jQuery stop(),Callback,Chaining
7³â Àü
jQuery stop()

stop()Àº ¸» ±×´ë·Î ¾î¶² ¾×¼¾ÀÌ ¼öÇàµÉ¶§ ¸ØÃß´Â °ÍÀ» ¸»ÇÕ´Ï´Ù.

±âº» ¹®¹ýÀº $(selector).stop(stopAll,goToEnd); »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.


±âº» ¿¹Á¦

$("#stop").click(function(){
$("#panel").stop();
});


°ü·Ã¿¹Á¦

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown(5000);
});
$("#stop").click(function(){
$("#panel").stop();
});
});
</script>

<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>

<button id="stop">½½¶óÀ̵ù ¸ØÃç¶ó</button>
<div id="flip">½½¶óÀ̵ù Çضó</div>
<div id="panel">Park's ºí·Î±×</div>

</body>
</html>

// ½½¶óÀ̵ùÀ» ÇÏ´Â µµÁß¿¡ "½½¶óÀ̵ù ¸ØÃç¶ó" ¹öÆ°À» Ŭ¸¯ÇÏ¸é ½½¶óÀ̵ùÀÌ ¸ØÃߴ°ÍÀ» º¼ ¼ö ÀÖ½À´Ï´Ù.


jQuery Callback Functions

ÀÚ¹Ù½ºÅ©¸³Æ®´Â ±âº»ÀûÀ¸·Î ÇÑÁÙ¾¿ ½ÇÇàÀÌ µË´Ï´Ù. ±×·¯³ª ¾î¶² °æ¿ì¿¡´Â ÇÔ¼ö°¡ ½ÇÇàÀÌ ³¡³ªÁö ¾Ê¾ÒÀ»¶§ ½ÇÇàÀÌ µÉ¼öµµ Àִµ¥ ±×°ÍÀ» ¹æÁöÇϱâ À§ÇØ callback¸¦ ÀÌ¿ëÇÏ¿© ¿À·ù¸¦ ¸·À»¼ö ÀÖ½À´Ï´Ù.


±âº»¿¹Á¦

$("button").click(function(){
$("p").hide("slow",function(){
alert("The paragraph is now hidden");
});
});

// À§ ¿¹Á¦´Â PÅÂ±× ±¸¹®À» hide(¼û±è) À» ÁøÇàÇÑ ÈÄ alert ¸Þ½ÃÁö°¡ ³ªÅ¸³³´Ï´Ù.


$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});

//À§ ¿¹Á¦´Â callbackÀ» ÇÏÁö ¾ÊÀº °æ¿ìÀε¥ À§Ã³·³ ÄÚµùÀÌ µÇ¸é alert ¸Þ½ÃÁö°¡ ¸ÕÀú ³ªÅ¸³ª°í hide¸¦ ½ÇÇàÇÏ´Â ¸ð½ÀÀ» º¼¼ö ÀÖ½À´Ï´Ù.

ÀÌó·³ callbackÀÇ ¿ªÇÒÀº ¼± ÇÔ¼ö¸¦ ½ÇÇà½ÃŲÈÄ ÈÄ ÁøÇàÇÏ°Ô ÇÒ °æ¿ì »ç¿ëÇÕ´Ï´Ù.


jQuery Chaining
chaning´Â ´ÜÀϹ®¿¡¼­ ¿©·¯°³ÀÇ jquery ¿É¼ÇÀ» ½ÇÇàÇÒ ¼ö ÀÖ½À´Ï´Ù.


±âº»±¸¹®

$("#p1").css("color","red").slideUp(2000).slideDown(2000);


$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);

À§ µÎ ±¸¹®Àº °°Àº °ÍÀÔ´Ï´Ù. ÇÑÁÙ·Î ÄÚµùÀ» ÇصµµÇ¸ç, ¾Æ·§ÁÙ¿¡ ÄÚµùÀ» Çصµ °°Àº Çö»óÀÌ ³ªÅ¸³³´Ï´Ù.

ÇÑÁÙº¸´Ù´Â ¿©·¯ÁÙÀÌ º¸±â°¡ ½±°ÚÁÒ. ±×·¡¼­ Àü ÄÚµùÇÒ¶§ ¿©·¯ÁÙ¿¡ ÄÚµùÀ» ÇÕ´Ï´Ù. ¤¾


°ü·Ã¿¹Á¦

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
});
});
</script>
</head>
<body>

<p id="p1">Àç¹ÌÀÖ´Â jQuery!!</p>
<button>Ŭ¸¯Çغ¸¼¼¿ä</button>

</body>
</html>

// "Ŭ¸¯Çϼ¼¿ä" ¹öÆ°À» Ŭ¸¯Çϸé À§ ±×¸²Ã³·³ "Àç¹ÌÀÖ´Â jQuery" ÀÇ ±¸¹®ÀÌ »¡°£»öÀ¸·Î ¹Ù²î°í slideUp, slideDownÀÌ ½ÇÇàµË´Ï´Ù.

°ýÈ£() ¾ÈÀÇ 2000Àº 2Ãʶó´Â ÀǹÌÀÔ´Ï´Ù. Áï 2Ãʵ¿¾È À§·Î ¿Ã¶ó°¡°í 2Ãʵ¿¾È ¾Æ·¡·Î ³»·Á¿À¶ó´Â ÀǹÌÀÔ´Ï´Ù.
ÃßõÃßõ : 258 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
2,795
[mySql] ´Ù¾çÇÑ db°Ë»ö ½ºÅ³ ÃÑÁ¤¸® (¶ç¿ö¾²±â ¹«½Ã, ´ÙÁß°Ë»ö, Æ÷ÇԵǴ ´Ü¾î °Ë»ö)
2,794
php sqlÀÎÁ§¼Ç °ø°Ý¸·±â
2,793
[php] SQL ÀÎÁ§¼Ç °ø°Ý
2,792
[PHP] Á¤±ÔÇ¥Çö½ÄÀ» ÀÌ¿ëÇÑ Æ¯¼ö¹®ÀÚ ¼ýÀÚÁ¦°Å
2,791
Á¤±ÔÇ¥Çö½Ä - ÆÐÅÏ º¯°æÀÚ
2,790
PHP ȯ°æº¯¼ö Á¤¸®
2,789
PHP Ŭ·¡½º »ç¿ë¹æ¹ý Á¤¸®
2,788
php¿¡¼­ º¯¼ö°ªÀ» ÇÔ¼öÀ̸§À¸·Î »ç¿ëÇÏ¿© ÇÔ¼ö ½ÇÇàÇÏ´Â ¹æ¹ý
2,787
repaceÀ» ÀÌ¿ëÇÑ Á¤±Ô½Ä ¸ðÀ½
2,786
HTML ÆäÀÌÁö¿¡¼­ ÁÖ¼®À» Á¦°ÅÇÏ´Â Á¤±Ô½Ä(PHP)
2,785
PHP - ¹®ÀÚ¿­¿¡¼­ HTMLÅÂ±× Á¦°Å + Á¤±Ô½Ä
2,784
PHP Á¤±Ô½ÄÀ» È°¿ëÇÑ ÅÂ±× ¹× ƯÁ¤ ¹®ÀÚ¿­ Á¦°Å ¹× ÃßÃâ ¹æ¹ý
2,783
PHP Á¤±Ô½Ä Á¤¸®
2,782
Á¤±Ô½Ä ÆÐÅÏ ¹®¹ý
2,781
[Á¤±ÔÇ¥Çö½Ä]Á¤±ÔÇ¥Çö½Ä Á¤¸®
2,780
fopen ¸·ÇûÀ» ¶§ fsocketopen »ç¿ë¹æ¹ý
2,779
[php]¿øÇÏ´Â ´Ü¾î¸¦ ã¾Æ¼­ ġȯ ÇØÁÖ´Â ¹æ¹ý preg_replace
2,778
PHP + MYSQL ¿¬°á Å×½ºÆ® ¿¹Á¦ (mysqli Ŭ·¡½º¹æ½Ä)
2,777
PHP + MYSQL ¿¬°á Å×½ºÆ® ¿¹Á¦ (pdo ¹æ½Ä)
2,776
PHP + MYSQL ¿¬°á Å×½ºÆ® ¿¹Á¦ (original)
2,775
DB Á¢±Ù ¹× Äõ¸®¹®(insert,select,update,delete)
2,774
[MySQL] Çʵ忡¼­ ƯÁ¤¹®ÀÚ Æ÷ÇÔ ¶Ç´Â Á¦¿ÜÇÑ DB °Ë»ö, LIKE ,NOT
2,773
jQuery ÇÙ½É - ³ëµå ´Ù·ç±â
2,772
jQuery show() / hide() / toggle() »ç¿ë¹ý
2,771
[jQuery] readyÀÇ »ç¿ë¹ý
2,770
[jQuery] À§Ä¡±â¹Ý Selector
2,769
[jQuery] css selector
2,768
document.getElementByTagName()¸¦ jQuery·Î ¹Ù²ãº¸ÀÚ.
2,767
getElementsByClassName¸¦ jQuery·Î ¹Ù²ãº¸ÀÚ.
2,766
getElementById¸¦ jQuery·Î ¹Ù²ãº¸ÀÚ
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.