Allgemeine Vorgänge des Web-Frontends (einschließlich JS/HTML/CSS und anderer Wissensaspekte)

Allgemeine Vorgänge des Web-Frontends (einschließlich JS/HTML/CSS und anderer Wissensaspekte)
Löschen Sie das Symbol 1 vor ul li
Wert löschen 1
Setzen Sie den Wert auf 1
Klare Beschriftung mittlerer Wert 1
Label-Mittelwert 1 setzen
Unterscheiden Sie zwischen html(), text() und val(). 1
Setzen Sie das Etikett auf den bearbeitbaren Status 1
Setzen Sie das Etikett auf den nicht bearbeitbaren Status 1
Zwei Ajax, eines A, eines B, B sollte nach der Ausführung von A ausgeführt werden.
Zeitintervall, das nur einmal ausgeführt wird und nach der angegebenen Anzahl von Millisekunden eine Funktion aufruft oder einen Ausdruck berechnet2
Zeitintervall, mehrfach ausführen, Funktion aufrufen oder Ausdruck nach jeder angegebenen Anzahl von Millisekunden berechnen2
jQuery Alles auswählen/Alle abwählen/Auswahl umkehren 2
Auswahloption 3
DIV immer an einer bestimmten Position auf dem Bildschirm fixieren

Abbrechen das Symbol vor ul li

Code kopieren
Der Code lautet wie folgt:

ul
{
Listenstiltyp: keiner;
}

Klarer Wert

Code kopieren
Der Code lautet wie folgt:

$("#stadt").val("");

Wert festlegen

Code kopieren
Der Code lautet wie folgt:

$("#city").val("Peking");

Löschen Sie den mittleren Wert des Etiketts

Code kopieren
Der Code lautet wie folgt:

$("#ML1").html("");

Legen Sie den mittleren Wert des Etiketts fest

Code kopieren
Der Code lautet wie folgt:

$("#ML1").html("Peking");

Beim Neuladen des Wertes eines Tags ist es häufig erforderlich, zuerst den ursprünglichen Wert zu löschen, um zwischen html(), text() und val() zu unterscheiden.

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="aaa" Wert="bbb">ccc</Eingabe>
text() gibt den Inhalt in der Mitte des Etiketts aus: 1234.
val() gibt den Wert des Value-Attributs aus: bbb.
html() gibt das gesamte HTML aus: <input type="aaa" value="bbb">ccc</input>.
val() ist für jQuery geschrieben

Festlegen, dass das Etikett bearbeitbar ist

Code kopieren
Der Code lautet wie folgt:

$("input").removeAttr("readonly"); //Alle Eingabe-Tags sind editierbar
$("textarea").removeAttr("readonly"); //Alle Textarea-Tags (Abteilungsprofil) sind editierbar.
$("input:button").removeAttr("disabled"); //Alle Schaltflächenbeschriftungen (Bewegung im linken und rechten Rahmen) können nicht bearbeitet werden

Setzen Sie das Etikett auf nicht editierbar

Code kopieren
Der Code lautet wie folgt:

$("input").attr("readonly", "readonly"); //Alle Eingabe-Tags sind nicht editierbar
$("textarea").attr("readonly", "readonly"); //Alle Textarea-Tags (Abteilungsprofil) können nicht bearbeitet werden.
$("input:button").attr("disabled", "disabled"); //Alle Beschriftungen der Schaltflächen (Bewegung des linken und rechten Rahmens) können nicht bearbeitet werden.

Zwei Ajax, ein A und ein B. B sollte ausgeführt werden, nachdem A ausgeführt wurde. Da Ajax asynchron geladen wird, wird jedes Ajax fast gleichzeitig ausgeführt, ohne sich gegenseitig zu stören. Aber manchmal möchten wir, dass eine Ajax-Anforderung einen Wert vom Rückgabewert eines anderen Ajax erhält. In diesem Fall tritt diese Situation auf. Es gibt drei Lösungen:
1. Schreiben Sie eine Ajax-Anfrage mit dem Namen B in den CallBack von Ajax mit dem Namen A;
2. Schreiben Sie eine Zeitintervallfunktion, um die Ausführung von A zu überwachen, und rufen Sie B auf, wenn A fertig ist.
3. Setzen Sie Ajax's async auf false, aber dazu muss normalerweise alles auf false gesetzt werden.

Zeitverzögerung, nur einmal ausgeführt, Aufruf einer Funktion oder Berechnung eines Ausdrucks nach einer angegebenen Anzahl von Millisekunden

Code kopieren
Der Code lautet wie folgt:

Var st o = setTimeout (an der Stelle auszuführende Funktion oder Ausdruck, Verzögerungszeit in Millisekunden);
Fenster. clearTimeout(sto) macht es ungültig und bricht die Zyklusausführung ab

Zeitintervall, mehrfach ausführen, Funktion aufrufen oder Ausdruck nach jeder angegebenen Anzahl von Millisekunden berechnen

Code kopieren
Der Code lautet wie folgt:

varstv = setInterval ("alert('Alle 3000 ms einmal auftauchen!')",3000);
window.clearInterval(stv) macht es ungültig und bricht die Zyklusausführung ab

jQuery Alles auswählen/Alle abwählen/Invertieren

Code kopieren
Der Code lautet wie folgt:

<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<title>Alles auswählen, nicht alles, invertieren</title>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(Funktion () {
$("#selectAll").click(function () {//Alles auswählen
$("#ckList :checkbox").attr("aktiviert", true);
});
$("#unSelect").click(function () {//Auswahl aller aufheben
$("#ckList:checkbox").attr("aktiviert", false);
});
$("#reverse").click(function () {//Auswahl umkehren
$("#ckList:checkbox").jeweils(Funktion () {
$(this).attr("geprüft", !$(this).attr("geprüft"));
});
});
});
</Skript>
</Kopf>
<Text>
<div id="ckList">
<input type="checkbox" value="Wert 1" />Wert 1

<input type="checkbox" value="Wert 2" />Wert 2

<input type="checkbox" value="Wert 3" />Wert 3

<input type="checkbox" value="Wert 4" />Wert 4

</div>
<input type="button" value="Alles auswählen" id="selectAll" />
<input type="button" value="Alle abwählen" id="unSelectAll" />
<input type="button" value="Umkehren" id="umkehren" />
</body>
</html>
Auswahl-Option
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<Titel></Titel>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<Skripttyp="text/javascript">
//alle
Funktion Alle() {
var tt = $("#st")[0];
für (var i = 0; i < tt.length; i++) {
Alarm (tt[i].text);
}
}
//Derzeit ausgewählt
Funktion Aselected() {
var tt = $("#st")[0];
für (var i = 0; i < tt.length; i++) {
wenn(tt[i].selected) {
Alarm (tt[i].text);
Alarm(tt[i].Wert);
}
}
}
</Skript>
</Kopf>
<Text>
<form id="form1" runat="server">
<div>
<select id = "st" multiple="mehrere">
<option value="1">aaaaa</option>
<option value="2">bbbbb</option>
<option value="3">ccccc</option>
<option value="4">ddddd</option>
</Auswählen>
<Eingabetyp="text" id="tt"/>
<input type="button" onclick="Alle();" value="Alle"/>
<input type="button" onclick="Ausgewählt();" value="Derzeit ausgewählt"/>
</div>
</form>
</body>
</html>

Halten Sie DIV an einer bestimmten Position auf dem Bildschirm fixiert

Code kopieren
Der Code lautet wie folgt:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<Titel></Titel>
<style type="text/css">
#unten_rechts
{
Position: fest;
Breite: 90px;
Höhe: 90px;
Hintergrund: #eee;
unten: 40px;
rechts: 20px;
Hintergrundfarbe: #DCFCE9;
Rand: 8px doppelt #06F867;
Textausrichtung: zentriert;
Polsterung: 10px;
Rand: 10px;
}
</Stil>
</Kopf>
<Text>
<Skripttyp="text/javascript">
für (var i = 0; i < 100; i++) {
dokument.schreiben((i + 1) + "
");
}
</Skript>
<div id="niedrig_rechts">
Untere rechte Ecke
</div>
</body>
</html>

<<:  Drei Scrolling-Effekte für die Benachrichtigungsleiste, implementiert mit reinem CSS

>>:  Detaillierte Erläuterung der Wissenspunkte zur Linux-Remoteverwaltung und SSHD-Dienstüberprüfung

Artikel empfehlen

Detaillierte Erläuterung der Komponentenentwicklung des Vue-Dropdown-Menüs

In diesem Artikelbeispiel wird der spezifische Co...

Verwenden Sie die Triggermethode, um ein Popup-Dialogfeld zur Dateiauswahl zu realisieren, ohne auf die Dateitypeingabe klicken zu müssen

Sie können die Trigger-Methode verwenden. In JavaS...

So installieren und implementieren Sie einen Gitlab-Server auf CentOS7

Ich verwende hier das 64-Bit-System CentOS 7. Ich...

Detaillierte Erklärung, wie MySQL (InnoDB) mit Deadlocks umgeht

1. Was ist ein Deadlock? Die offizielle Definitio...

Detaillierte Analyse des langsamen Abfrageproblems beim Senden von MySQL-Daten

Anhand eines Beispiels habe ich Ihnen die Lösung ...

Erkennung und Lösung von Vue.$set-Fehlerfallen

Ich habe zufällig festgestellt, dass Vue.$set im ...

CSS-Pickup-Pfeile, Kataloge, Icons Implementierungscode

1. Verschiedene CSS-Symbole Es gibt drei Möglichk...

10 zu wenig genutzte oder missverstandene HTML-Tags

Hier sind 10 HTML-Tags, die zu wenig verwendet od...

Webentwicklungs-Tutorial: domänenübergreifende Lösung – detaillierte Erläuterung

Vorwort Dieser Artikel stellt hauptsächlich die d...

Warum ist der Speicherplatz nach dem Löschen von Tabellendaten in MySQL immer noch belegt?

Inhaltsverzeichnis 1. MySQL-Datenstruktur 2. Die ...

Häufige JavaScript-Speicherfehler und Lösungen

Inhaltsverzeichnis 1. Zeitüberwachung 2. Ereignis...

Beispielcode für CSS-Flex-Layout mit automatischem Zeilenumbruch

Um einen Flex-Container zu erstellen, fügen Sie e...

So übergeben Sie den Wert des Auswahl-Dropdown-Felds an die ID, um den Code zu implementieren

Der vollständige Code lautet wie folgt : HTML Quel...

Lösung für das Problem, dass der Eintrag bei der Installation von mysql5.7.18 nicht gefunden werden kann

Bei der Installation von mysql5.7.18 ist folgende...

Detaillierte Erläuterung zum Erstellen und Aufrufen von gespeicherten MySQL-Prozeduren

Inhaltsverzeichnis Vorwort Gespeicherte Prozedur:...