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

Beispielanalyse der von MySQL 5.7 generierten Spaltennutzung

Dieser Artikel veranschaulicht anhand von Beispie...

Eine kurze Diskussion über den MySQL B-Tree-Index und die Indexoptimierungszusammenfassung

Die MyISAM- und InnoDB-Engines von MySQL verwende...

Detaillierte Beschreibung von Shallow Copy und Deep Copy in js

Inhaltsverzeichnis 1. js-Speicher 2. Abtretung 3....

Der vollständige Leitfaden zum Rasterlayout in CSS

Grid ist ein zweidimensionales Rasterlayoutsystem...

So verwalten Sie Benutzer und Gruppen beim Ausführen von Docker

Docker ist ein Verwaltungstool, das Prozesse als ...

Lösung für den Fehler beim Kompilieren des LVGL-Emulators unter Linux

Inhaltsverzeichnis 1. Fehlerphänomen 2. Fehlerana...

Verstehen Sie die anfängliche Verwendung von Redux in React in einem Artikel

Redux ist ein Plug-In zur Datenstatusverwaltung. ...

React verwendet die Upload-Komponente von Antd, um die Funktion zum Senden von Dateiformularen zu implementieren (vollständiger Code).

Ich habe gerade angefangen, React für Projekte zu...

Detaillierte Erläuterung des SVN-Ein-Klick-Installations-Shell-Skripts unter Linux

#!/bin/bash #SVN herunterladen yum -y installiere...

MySQL-Abfragemethode mit mehreren Bedingungen

MySQL-Abfrage mit mehreren Bedingungen Umgebung: ...

Hinweise zum Zeichengerätetreiber des Linux-Kernel-Gerätetreibers

/******************** * Zeichengerätetreiber*****...

So speichern Sie Text und Bilder in MySQL

Große Textdatentypen in Oracle Clob-Langtexttyp (...

Einführung in MySQL-Rollenfunktionen

Inhaltsverzeichnis Vorwort: 1. Einführung in die ...

Lösung für das Problem, dass MySql immer das mySqlInstallerConsole-Fenster öffnet

MySql öffnet regelmäßig ein MySQLInstallerConsole...

Einführung in den Aufbau von NFS-Diensten unter Centos7

Inhaltsverzeichnis 1. Server 2. Kunde 3. Testdien...