Anwendungsbeispiele für die Methoden find und every in Jquery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der Methoden „find“ und „each“ in Jquery. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. find()-Methode

Der JQuery-Selektor ist sehr leistungsfähig. Mithilfe der CSS-Namenskonvention können Sie das gewünschte Element schneller und bequemer finden.

Zum Beispiel:

$("#id")
$("#"+"id")
$(this)
$(element)

Warten Sie, solange Sie es flexibel nutzen, können Sie in kraftvolle Formen explodieren.

Im tatsächlichen Gebrauch habe ich jedoch immer noch das Gefühl, dass es einige Mängel gibt.

Wenn Sie ein bestimmtes Element unter einem bestimmten Element finden möchten, indem Sie sich einfach auf die obige Methode verlassen, müssen Sie das von $("#id") erhaltene Element durchlaufen, um seine Unterelemente zu erhalten. Dadurch wird es extrem umständlich und auch die Codemenge ist sehr groß.

Dies erfordert also die Verwendung der find()-Methode.

$("#id").find("#child");
$("#id").find(".child");
$("#id").find("input[type='image']");

Sehr praktisch und einfach zu bedienen.

Zusätzlich zur oben genannten find()-Methode gibt es auch eine Möglichkeit, untergeordnete Elemente zu finden.

$(".child",parent);

Diese Methode hat das gleiche Ergebnis wie die find()-Methode und ist prägnanter.

Lassen Sie uns ein Beispiel geben:

function(table){
   $("tr",table).css("background-color","red");
}

Diese Methode erleichtert die Wiederverwendung von Code und ist konsistenter mit dem Schreiben von Abschlüssen.

2. every()-Methode

Arrays werden manchmal oft verwendet. Bevor ich die Methode every() kannte, schrieb ich normalerweise so:

, wenn ich auf Array-Traversal stieß

var arr = new Array();
arr.push(1);
arr.push(2);
arr.push(3);
for(var i =0;i<arr.length;i++)
{
   (function(m){
      console.log(this);
   })(i);
}

Wie umständlich! ! Da every() nun verfügbar ist, wird das Leben einfacher. ​

Der obige Code erfordert nur einen Satz.

var arr = new Array();
arr.push(1);
arr.push(2);
arr.push(3);
 
arr.each(function(){
  console.log(this);
});

Nach jedem Gebrauch wird die Struktur sofort einfach und elegant.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.