ansaurus

Question

How to make jquery use ID instead of CLASS?

Answer 1

+2 A:

Use a hash (#) instead of a dot (.) :

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

RichieHindle 2009-08-09 00:58:07

Cool thanks

jasondavis 2009-08-09 01:03:01

Answer 2

+8 A:

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

The docs are good at explaining this.

It is just like in CSS:

'#' for id.

'.' for class

redsquare 2009-08-09 00:58:15

good to know, I didn't know that about css either, thanks

jasondavis 2009-08-09 01:02:30

Answer 3

+1 A:

You can also use $(function(){}); as a shorcut to $(document).ready(function(){}); Yes you can use (#) insted of (.). Also you need not require to write $("#flash") again inside below code snippet

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

you can write

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

ie you can do with this keyword

Try this example:

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;  
<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>

Raghav Khunger 2009-08-09 11:07:23

ansaurus

tags:

views:

answers:

How to make jquery use ID instead of CLASS?

related questions