Zusammenfassung gängiger und wichtiger jQuery-Methoden_jquery

1.jquery data(name)

Die Methode data() hängt Daten an das ausgewählte Element an oder ruft Daten vom ausgewählten Element ab.

$("#btn1").click(function(){
 $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
 alert($("div").data("greeting"));
});

2.jquery-Argumente

arguments ist ein Verweis auf das eigentliche Parameterobjekt, bei dem es sich um ein Array-ähnliches Objekt handelt.

Der Index der Argumente erhöht sich von 0, 1,2, ..., entsprechend den tatsächlichen Parametern nacheinander.

arguments.length-Attribut stellt die Anzahl der tatsächlichen Parameter dar

Argumente dürfen kein Array sein, sondern ein Objekt, das lang ist und wie ein Array aussieht, obwohl es auch ein Längenattribut hat

Argumente werden in jeder Funktion gefunden. Daher finden Argumente nur intern ihre eigenen Argumente und können nicht auf äußere Argumente verweisen

// 求圆形面积,矩形面积, 三角形面积
　　function area () {
　　if(arguments.length == 1) {
　　alert(3.14 * arguments[0] * arguments[0]);
　　} else if(arguments.length == 2) {
　　alert(arguments[0] * arguments[1]);
　　} else if(arguments.length == 3) {
　　alert(arguments[0] + arguments[1] + arguments[2]);
　　} else {
　　return null;
　　}
　　}


//调用
　　area(10,20,30);

3.jquery target() event.target

Das

target-Attribut gibt an, welches DOM-Element das Ereignis ausgelöst hat.

$("p, button, h1, h2").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});
<p></p>
<button></button>
<h1></h1>
<h2></h2>
//当点击p标签的时候显示：点击事件由 P 元素触发
....

4.jQuery-Trigger(Ereignis,[Parameter 1, Parameter 2,...])

Die Methode

trigger() löst den angegebenen Ereignistyp des ausgewählten Elements aus. (Ereignisse können angepasst und Parameter übergeben werden) Benutzerdefinierte Ereignisse sind sehr wichtig und nützlich!

 //myEvent为自定义事件名
    $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }); 
     $("#p1").trigger("myEvent",["Hello","World"]); 
//也可以这样写：
　　　 $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }).trigger("myEvent",["Hello","World"]); 

5.js-Teilzeichenfolge (Start, Stopp)

Die Methode

substring() wird verwendet, um Zeichen zwischen zwei angegebenen Indizes in einer Zeichenfolge zu extrahieren.

Die von der Methode

substring() zurückgegebene Teilzeichenfolge enthält die Zeichen am Anfang, jedoch nicht die Zeichen am Ende.

var str="Helloworld!"
document.write(str.substring(3,7))
//结果
lowo
var str="Hello world!"//有两个空字符
document.write(str.substring(3,7))
//结果
lo
//两者的结果有区别，字符串之间的空字符串占用索引！

Sehen Sie genau hin, an der Haltestelle ist kein R-Zeichen!

Wichtig: Im Gegensatz zu den Methoden „slice()“ und „substr()“ akzeptiert substring() keine negativen Argumente.

6.js-Slice (Start, Stopp)

Die Methode

slice() extrahiert einen bestimmten Teil eines Strings und gibt den extrahierten Teil als neuen String zurück. Identisch mit der Teilzeichenfolge oben, mit Ausnahme der Zeichen am Stopp;

Ein weiterer Unterschied ist: Start und Stopp können negative Zahlen verwenden! Das heißt, -1 bezieht sich auf das letzte Zeichen der Zeichenfolge, -2 bezieht sich auf das vorletzte Zeichen und so weiter.

Die Methode data() hängt Daten an das ausgewählte Element an oder ruft Daten vom ausgewählten Element ab.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.