Question

我已经读过让jquery使用DIV的ID代替CLASS更好的性能下面的代码使用div类而不是ID，你可以让它使用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>

Answer 1

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

docs擅长解释这一点。

就像在CSS中一样：

对于id，
'＃'。

''对于班级

Answer 2

使用哈希（#）而不是点（.）：

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

Answer 3

你也可以使用$（function（）{}）;作为$（document）.ready（function（）{}）的缩写; 是的你可以使用（＃）insted（。）。此外，您无需在代码段

下面再次编写$（“＃flash”）

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

你可以写

    $("#flash").fadeOut("slow", function()
    {
        $(this).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>

如何让jquery使用ID而不是CLASS？

3 个答案: