Heim > Artikel > Web-Frontend > Was ist der Unterschied zwischen attr und prop in jQuery?

Was ist der Unterschied zwischen attr und prop in jQuery?

清浅Original: 2018-11-23 16:22:222900Durchsuche

In diesem Artikel geht es um den Unterschied zwischen attr() und prop() in jQuery zum Festlegen und Abrufen von Attributen. Er hat einen bestimmten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Oft werden wir das tun Gewöhnen Sie sich daran. Verwenden Sie die Methode attr(), um den Attributwert eines Bildes abzurufen. Bei einigen Elementen ist dies jedoch nicht möglich Holen Sie sich das Standardattribut (wahr/falsch), also erhalten wir später das Prop-Attribut. Seine Rückgabewerte sind alle Standardattribute. Welche Attribute verwenden also attr und welche verwenden prop? Wir werden das

attr-Attribut im folgenden Artikel ausführlich vorstellen.

attr(name|properties|key,value|fn)

wird verwendet Legt den Attributwert des ausgewählten Elements fest oder gibt ihn zurück.

Bei Verwendung zur Rückgabe von Attributwerten wird nur der Wert des ersten übereinstimmenden Elements zurückgegeben.

Bei Verwendung zum Festlegen von Attributwerten werden ein oder mehrere Attribut/Wert-Paare für den Satz übereinstimmender Elemente festgelegt

Beispiel: Legen Sie das src-Attribut sowie Länge und Breite für alle Bilder fest

<body>
	<img>
	<script src="jquery/jquery-1.12.4.js"></script>
	<script>
		$(function(){
$("img").attr({width:"100px",height:"100px","src":"images/1.jpg"});
		})//为img添加多个属性值
</script>
</body>

Image 11.jpg

Prop-Attribut

Erhalten Sie den Attributwert des ersten Elements im übereinstimmenden Elementsatz

Ausgewählt ist wahr, nicht ausgewählt ist falsch

Bei Auswahl eines Hobbys alle auswählen, und bei anderen Einzelauswahlen werden alle Hobbys ausgewählt

<script src="jquery/jquery-1.12.4.js"></script>
<script>
 $(function () {
 
  $("#j_cbAll").click(function () {
   //修改下面的哪些checkbox
   $("#j_tb input").prop("checked", $(this).prop("checked"));
 });
  $("#j_tb input").click(function () {
   if($("#j_tb input:checked").length  ==  $("#j_tb input").length){
    $("#j_cbAll").prop("checked", true)
}else {
    $("#j_cbAll").prop("checked", false)
  }
 });
 
});

</script>

Bei Einzelauswahl

Image 12.jpg

Bei der Auswahl eines Hobbys

Der Unterschied zwischen Attr und Prop:

( 1) Beispielsweise gibt die prop-Methode in aktiviert, ausgewählt, deaktiviert usw. einen booleschen Wert zurück, während attr eine definierte Zeichenfolge zurückgibt

(2) Das prop()-Attribut wird verwendet zum Festlegen oder Abrufen des angegebenen DOM-Elements sind in JavaScript auch Objektattribute, sodass wir Arrays oder Objekte festlegen können, und attr wirkt sich auf Dokumentknoten aus, sodass es sich nur um Zeichenfolgen handeln kann

(3) Die Verwendung von prop( ) Attribute sind kompatibler als attr

Wenn das Attribut also nur den Attributnamen hinzufügen muss, können Sie attr verwenden, und wenn Sie nur true/false zurückgeben müssen, können Sie prop verwenden.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass jeder durch diesen Artikel den Unterschied zwischen attr und prop verstehen kann

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen attr und prop in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was sind primitive Werte in JavaScript? Detaillierte Erklärung primitiver Werte in JavaScriptNächster Artikel：Was sind primitive Werte in JavaScript? Detaillierte Erklärung primitiver Werte in JavaScript

In Verbindung stehende Artikel

Mehr sehen