Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use message in jquery

Shulou Source: shulou.com Published: 2022-06-02 04:53:32 09月28日 Update

This article mainly introduces "how to use message in jquery". In daily operation, I believe many people have doubts about how to use message in jquery. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful for you to answer the doubts about "how to use message in jquery". Next, please follow the editor to study!

In jquery, the message plug-in is used to display feedback messages in an overlay layer, which automatically disappears after a period of time, or you can speed up hiding information by moving the mouse or clicking anywhere, with the syntax "$(). Message (" text to be displayed ");".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

What is the use of message in jquery

The Query Message plug-in allows you to easily display feedback messages in an overlay layer. The message disappears automatically after a period of time without clicking the OK button and so on. Users can speed up the hiding of information by moving the mouse or clicking anywhere.

Sometimes when the page loads, you need to pop up a small prompt box in the lower right corner of the page to display some prompts to the user. By using jQuery's message plug-in, you can easily achieve this effect. Before using it, introduce the use of the methods in the message plug-in.

$(function () {$() .message ("Hello world!"); / / or $(".feedback") .message ();})

Examples are as follows:

JQuery Growl plug-in error! A reminder! Warning!

Jquery:

(function () {$.growl ({title: "message title", message: "message content!"}); $('.error') .click (function (event) {event.preventDefault (); event.stopPropagation (); return $.growl.error ({title: "error title", message: "error message content!");})) Function (event) {event.preventDefault (); event.stopPropagation (); return $.growl.click ({title: "reminder title", message: "reminder content!");}); return $('.notice') .click (function (event) {event.preventDefault (); event.stopPropagation ()) Return $.growl.remarks ({title: "warning title", message: "warning message content!"});})

Output result:

At this point, the study on "how to use message in jquery" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Tags: Messages plug-ins content title learning information errors can be passed through place method time more user page mouse help prompt mobile practical next Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Linux Docker NVidia Microsoft Shulou Information