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

Tutorial zur Verwendung von Profilen in MySQL

Was ist ein Profil? Wir können es verwenden, wenn...

So ändern Sie den Speicherort des MySQL-Datenbankverzeichnisses unter Linux (CentOS)

So ändern Sie den Speicherort des MySQL-Datenbank...

ElementUI implementiert Beispielcode für Dropdown-Optionen und Mehrfachauswahlfelder

Inhaltsverzeichnis Dropdown-Feld zur Mehrfachausw...

Fragen zum Vorstellungsgespräch zum MySQL-Datenbankindex (grundlegende Programmierkenntnisse)

Inhaltsverzeichnis Einführung Indexierungsprinzip...

Schritte für den Exit-Fehlercode des Docker-Containers

Manchmal werden einige Docker-Container nach eine...

MySQL erhält schnell den Tabelleninstanzcode ohne Primärschlüssel in der Bibliothek

Überblick Lassen Sie uns einige SQL-Anweisungen z...

Detailliertes Tutorial zur Installation von Docker auf CentOS 7.5

Einführung in Docker Docker ist eine Open-Source-...

17 hervorragende Webdesigns, sorgfältig von Startups entwickelt

Startups überraschen uns oft mit ihren unkonventi...

So stellen Sie Confluence und Jira-Software in Docker bereit

Version: centos==7.2 jdk==1.8 Zusammenfluss == 6....

Interaktion im Webdesign: Eine kurze Diskussion über Paging-Probleme

Funktion: Zur vorherigen Seite oder zur nächsten ...

Eine einfache Methode zum Implementieren einer geplanten Sicherung einer MySQL-Datenbank unter Linux

Hier sind die detaillierten Schritte: 1. Überprüf...

vue verwendet Ele.me UI, um die Filterfunktion von Teambition zu imitieren

Inhaltsverzeichnis Problembeschreibung Die allgem...

So sortieren Sie eine Zeile oder Spalte in MySQL

Verfahren: Nach Beschreibung: Beides kann nicht e...

Detaillierte Erläuterung des Beispiels zum Exportieren von Daten aus einer angegebenen Tabelle in MySQL

Detaillierte Erklärung zum MySQL-Export von Daten...

Grafisches Tutorial zur Installation des MySQL 5.7.21 Installers unter Windows 10

Installieren Sie MySQL und machen Sie sich Notize...