Was bedeuten Punkt- und Rautenzeichen in JQuery?

Question

Ich fühle mich verwirrt der Punkt und Hash-Symbole in dem folgenden Beispiel:

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

Code 1:

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

-Code 2

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

Codes 1 und 2 sehen sehr ähnlich, und so macht es mich so verwirrt, dass
wenn ich ".row div" verwenden soll, beziehen sich auf ein bestimmter DIV anstelle von "#row div"?

Answer 1

Die Raute (#) gibt

Die Punktelemente durch ihre IDs zu wählen gibt an, um ihre Klassennamen

Elemente auszuwählen

Sie mehr über die Wähler hier lesen (.): http://api.jquery.com/category/selectors/basic-css-selectors/

Answer 2

"." bezieht sich auf eine Klasse, während "#" auf IDs verweist.

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

$ ("# table") würde das vollständige Tabellenobjekt erhalten, während $ ("odd") würde alles mit der Klasse "odd" erhalten. $ ("tr.odd") würde nur Tabellenzeilen mit dieser Klasse erhalten.

Answer 3

Die . spezifiziert eine Klasse genannt "Zeile." Die # spezifiziert eine ID namens "Zeile."

Answer 4

$ ('row ') wählt ein beliebiges Element mit class="row"

$ (' # row') wird das Element mit id=row

Check the jQuery page on selectors auszuwählen.

Answer 5

Dies sind CSS-Selektoren.

Das Hash-Symbol # bedeutet, dass das Element eine ID ist. So würde #row mit <div id="row"> übereinstimmen.

Alternativ bedeutet das Punktsymbol ., dass das Element eine CSS-Klasse ist. Also .row würde <div class="row"> übereinstimmen.

Es gibt weitere Informationen über W3C.