Heim > Web-Frontend > js-Tutorial > Zusammenfassung der Anwendungsbeispiele von DOM-Elementen und -Attributen in jquery

Zusammenfassung der Anwendungsbeispiele von DOM-Elementen und -Attributen in jquery

伊谢尔伦
Freigeben: 2017-06-19 10:52:29
Original
1075 Leute haben es durchsucht

DOM-Elementmethoden

1. .size()

$(selector).get(index)//可选。规定获取哪个匹配元素(通过 index 编号)。
//get() 方法获得由选择器指定的 DOM 元素
$("button").click(function(){
  x=$("p").get(0);
  $("div").text(x.nodeName + ": " + x.innerHTML);
});//获得第一个 p 元素的名称和值
Nach dem Login kopieren

4. .toArray()

$(selector).index()//获得第一个匹配元素相对于其同胞元素的 index 位置,如果未找到元素,index() 将返回 -1。
$(selector).index(element)//获得元素相对于选择器的 index 位置
$("li").click(function(){
  alert($(this).index());
});//获得第一个 p 元素的名称和值
Nach dem Login kopieren

$(selector).size()//返回被 jQuery 选择器匹配的元素的数量
Nach dem Login kopieren
Attribute

$(selector).toArray()//以数组的形式返回 jQuery 选择器匹配的元素
$("button").click(function(){
  x=$("li").toArray()
  for (i=0;i<x.length;i++)
    {
    alert(x[i].innerHTML);
    }
});//将 li 元素转换为数组,然后输出该数组元素的 innerHTML
Nach dem Login kopieren

1

Die vom jquery-Attribut zurückgegebene

-Zeichenfolge enthält die Versionsnummer von jquery

2

jQuery.fx.interval = Millisekunden;

Die Eigenschaft jQuery.fx.interval wird verwendet, um die Laufgeschwindigkeit der
$().jquery
$("button").on("click",function(){ 
  var version = $().jquery;
  alert("You are running jQuery version: " + version);
});
Nach dem Login kopieren
Animation

in Millisekunden zu ändern. Diese Eigenschaft kann manipuliert werden, um die Anzahl der Bilder pro Sekunde anzupassen, die die Animation ausführt.

Gibt die Laufgeschwindigkeit der Animation in Millisekunden an. Der Standardwert beträgt 13 Millisekunden

3. jQuery.fx.off

jQuery.fx.off-Eigenschaft wird verwendet, um alle Animationen global zu deaktivieren oder zu aktivieren

jQuery. fx.off = true|false;
$("#toggle").on("click",function(){
  $("div").toggle(5000);
});
$("#interval").on("click",function(){
  jQuery.fx.interval = 500;
});//以较少的帧数来运行 <div> 元素的动画
Nach dem Login kopieren

Der Standardwert ist false, wodurch die Animation normal ausgeführt werden kann. Wenn es auf „true“ gesetzt ist, werden alle Animationsmethoden deaktiviert, wodurch das Element in seinen endgültigen Zustand versetzt wird, anstatt den Effekt anzuzeigen

4.jQuery.support

jQuery.support Die Die Eigenschaft .propvalue

jQuery.support enthält eine Reihe von Eigenschaften, die verschiedene Browserfunktionen oder Schwachstellen darstellen.
$("#true").click(function(){
  jQuery.fx.off = true;
});
$("#false").click(function(){
  jQuery.fx.off = false;
});
$("#toggle").click(function(){
  $("div").toggle("slow");
});
Nach dem Login kopieren

Dieses Attribut wird hauptsächlich für die interne Verwendung von jQuery verwendet

5 Länge

Das Längenattribut enthält die Anzahl der Elemente im jQuery-Objekt

Das obige ist der detaillierte Inhalt vonZusammenfassung der Anwendungsbeispiele von DOM-Elementen und -Attributen in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage