Heim > Artikel > Web-Frontend > So lassen Sie den Cursor mit JQuery verschwinden
Zwei Methoden: 1. Verwenden Sie css(), um den Cursor-Farbstil festzulegen. Die Syntax lautet „element.css(„caret-color“, „transparent“)“. 2. Verwenden Sie attr(). Die Syntax lautet „element .attr("style ","caret-color:transparent")".
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.
In HTML können Sie den Cursor verschwinden lassen, indem Sie die Cursorfarbe auf transparent setzen, also einen caret-color:transparent;
-Stil hinzufügen. Im Folgenden werden zwei Methoden zum Festlegen eines transparenten Cursors in jquery vorgestellt.
css()-Methode legt ein oder mehrere Stilattribute des ausgewählten Elements fest oder gibt sie zurück.
Setzen Sie einfach den Wert des Caret-Color-Attributs auf transparent.
元素对象.css("caret-color","transparent");
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-3.2.1.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("input").css("caret-color","transparent"); }); }); </script> </head> <body> <input type="text" /><br><br> <button>让光标消失</button> </body> </html>2. Verwenden Sie attr(), um das Stilattribut festzulegen, und fügen Sie caret-color:transparent hinzu; style
attr() kann Elementattribute festlegen.
Legen Sie einfach das Attribut „style“ fest und fügen Sie den Inline-Stil „caret-color:transparent“ hinzu.
Beispiel:
$(document).ready(function() { $("button").click(function() { $("input").attr("style","caret-color:transparent"); }); });
【Empfohlenes Lernen:
jQuery-Video-TutorialDas obige ist der detaillierte Inhalt vonSo lassen Sie den Cursor mit JQuery verschwinden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!