2009-08-09 12 views
-1

jqueryクラスの代わりにDIVのIDを使用するのがパフォーマンスが良いことをお読みしました。このコードではIDの代わりにdivクラスを使用しています。代わりにIDを使用できるのですか?CLASSの代わりにjquery use IDを作成するには?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" > 
$(document).ready(function(){ 
    setTimeout(function(){ 
    $(".flash").fadeOut("slow", function() { 
    $(".flash").remove(); 
     }); }, 2000); 
}); 
</script> 
<div class="flash" id="flash">tessssssssssssssssssssssssssssssssssst</div> 

答えて

9
$('#flash').fadeOut... 

docsはこれを説明するのが得意です。

それはちょうどCSSのようなものです:idの

'#'。

'。'クラスの場合

+0

知っておいてよかったです。 – JasonDavis

2

代わりにドット(.)のハッシュ(#)を使用します。

$("#flash").fadeOut("slow", function() { 
$("#flash").remove(); 
... 
1

また、$(function(){});を使用することもできます。 $(document).ready(function(){})へのshorcutとして。 はい(#)insted of(。)を使用できます。また、あなたはと、このキーワード

試しを行うことができ、すなわち、あなたが

$("#flash").fadeOut("slow", function() 
    { 
     $(this).remove(); 
    }); 

を書くことができます

内のコードスニペットの下に再び$(「#フラッシュ」)を書くこと
$("#flash").fadeOut("slow", function() 
    { 
     $("#flash").remove(); 
    }); 

を要求する必要はありませんこの例:

<html> 
<head> 
    <title></title> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" > 
    $(function() 
    { 
     setTimeout(function() 
     { 
      $("#flash").fadeOut("slow", function() 
      { 
       $(this).remove(); 
      }); 
     }, 2000); 
    }); 
</script> 


</head> 
<body> 
<div class="flash" id="flash">tessssssssssssssssssssssssssssssssssst</div> 

</body> 

</html> 
関連する問題