Heim  >  Artikel  >  Web-Frontend  >  Was ist der Unterschied zwischen jquery prop() und attr()

Was ist der Unterschied zwischen jquery prop() und attr()

coldplay.xixi
coldplay.xixiOriginal
2020-11-24 17:25:296054Durchsuche

Der Unterschied zwischen jquery prop() und attr(): 1. Die Methode [attr()] legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück. 2. Die Methode [prop()] legt die fest oder gibt sie zurück Attribute und Werte des ausgewählten Elements.

Was ist der Unterschied zwischen jquery prop() und attr()

  • Diese Methode ist für alle Computermarken geeignet

Der Unterschied zwischen jquery prop() und attr():

Neueste Projekte verwenden wieder jquery, und das Rendern von Seiten ist alles Ich bin mit jquery fertig und bin auch auf viele Probleme gestoßen, die ich noch nie zuvor gesehen habe. Diesmal bin ich beispielsweise auf Probleme gestoßen, als ich das Attribut „checked“ des [Radio]-Steuerelements bediente,

$(“. .").attr("checked ",false);Es funktioniert nicht. Ich habe online nachgeschaut und prop() verwendet, um das Problem perfekt zu lösen. Ich werde es hier aufzeichnen. $("...").attr("checked",false);无法起到作用,上网查了下使用prop()完美的解决了该问题,特此记录一下。

官方定义:attr():

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值,则返回第一个匹配元素的值。

当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

prop():

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

  • $('').attr()返回的是html对象

  • $('').prop()返回的是DOM对象

prop()

方法操作radio(checkbox)之类的控件,让其选中的时候,其控件选中的值也会随之改变。即既可以控制其选中,也能控制其取消选中;

类似于$("...").attr("checked");返回的是true或者false

如果有相应的属性,返回的是该属性,如果没有则返回空串

attr():

方法操作adio(checkbox)之类的控件,让其选中的时候,其控件选中的值不会随之改变。即只能控制其选中,不能控制其取消选中;

类似于$("...").attr("checked");

Offizielle Definition: attr(): Die Methode

attr() legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.

Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut/Wert-Paare für das passende Element festgelegt.

prop(): Die Methode

prop() legt die Eigenschaften und Werte des ausgewählten Elements fest oder gibt sie zurück.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.

Was ist der Unterschied zwischen jquery prop() und attr()Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut-/Wertpaare für den Satz übereinstimmender Elemente festgelegt.

$('').attr() gibt ein HTML-Objekt zurück

🎜$('').prop() gibt ein DOM-Objekt zurück Das 🎜 Die Methode 🎜🎜🎜prop()🎜🎜 steuert Steuerelemente wie Radio (Kontrollkästchen). Wenn sie ausgewählt ist, ändert sich auch der ausgewählte Wert des Steuerelements entsprechend. Das heißt, Sie können sowohl die Auswahl als auch die Abwahl steuern; 🎜🎜 ist ähnlich wie $("...").attr("checked"); gibt true oder false zurück 🎜🎜wenn vorhanden Ist ein entsprechendes Attribut, wird das Attribut zurückgegeben. 🎜🎜🎜attr(): Die 🎜🎜🎜-Methode steuert Steuerelemente wie adio (checkbox) , ändert sich der ausgewählte Wert seiner Steuerung nicht entsprechend. Das heißt, Sie können nur die Auswahl steuern, nicht jedoch die Abwahl; 🎜🎜 ist ähnlich wie $("...").attr("checked"); gibt 'checked' oder undefiniert zurück🎜 🎜 Wenn ein entsprechendes Attribut vorhanden ist, wird das Attribut zurückgegeben. Verwendungsszenarien von attr und prop: 1. Fügen Sie den Attributnamen hinzu, und das Attribut wird wirksam. ); 🎜🎜2. Es gibt zwei Attribute von true und false, verwenden Sie prop(); (z. B. „checked“, „selected“, „disabled“ usw.) 🎜🎜3. 🎜🎜Offiziell empfohlen: 🎜🎜🎜🎜🎜 🎜Ähnliche kostenlose Lernempfehlungen: 🎜JavaScript🎜(Video)🎜🎜

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen jquery prop() und attr(). 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