¿Qué significan los símbolos de puntos y hash en JQuery?

Question

me siento confusa de los símbolos con punto y croquetas en el siguiente ejemplo:

<DIV ID="row"> 
<DIV ID="c1">    
<Input type="radio" name="testing" id="testing" VALUE="1">testing1 
</DIV> 
</DIV> 

Código 1: Código 2

$('.row div').mouseover(function(){ 
     $(this).addClass('testing'); 
    });​ 

$('#row DIV').mouseover(function(){  
    $('#row DIV').addClass('testing'); 
    }); 

códigos 1 y 2 aspecto muy similar, por lo que me confunde tanto que
cuando debería usar ".row div" para referirme a un DIV específico en lugar de usar "#row div"?

Answer 1

La almohadilla (#) especifica para seleccionar elementos por de su identificación

El punto especifica para seleccionar elementos por su nombre de clase

Puede leer más sobre los selectores aquí (.): http://api.jquery.com/category/selectors/basic-css-selectors/

Answer 2

"." se refiere a una clase, mientras que "#" se refiere a las ID.

<table id="table"> 
    <tr class="odd"></tr> 
    <tr></tr> 
    <tr class="odd"></tr> 
</table> 

$ ("# mesa") obtendrían el objeto de tabla completa, mientras que $ ("extraño") obtendrían todo con la clase "extraño". $ ("tr.odd") solo obtendría filas de tabla con esa clase.

Answer 3

El . especifica un clase llamado "fila". El # especifica un id llamado "fila".

Answer 4

$ ('fila ') seleccionará cualquier elemento con class="row"

$ (' # fila') seleccionará el elemento con id=row

Check the jQuery page on selectors.

Answer 5

Estos son selectores de CSS.

El símbolo de almohadilla # significa que el elemento es una ID. De modo que #row coincidiría con <div id="row">.

Alternativamente, el símbolo de punto . significa que el elemento es una clase CSS. De modo que .row coincidiría con <div class="row">.

Hay más información en W3C.