jquery中message怎么使用

这篇文章主要介绍"jquery中message怎么使用"，在日常操作中，相信很多人在jquery中message怎么使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"jquery中message怎么使用"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

在jquery中，message插件用于在一个覆盖层显示反馈消息，消息会在一段时间后自动消失，也可以通过移动鼠标或点击任何地方加快隐藏信息，语法为" $().message("需要显示的文本");"。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中message的用法是什么

Query Message 插件允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击"确定"按钮等。用户可以通过移动鼠标或点击任何地方加快隐藏信息。

有时在页面加载的时候，需要在页面的右下角弹出一个小的提示框，显示一些提示信息给用户，通过使用jQuery的message插件，可以很方便的实现这个效果，在使用之前先介绍一下message插件中的方法的使用。

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

示例如下：

错误!
提醒!
警告!

jquery：

$(function() {    $.growl({      title: "消息标题",      message: "消息内容!"    });    $('.error').click(function(event) {      event.preventDefault();      event.stopPropagation();      return $.growl.error({      title: "错误标题",        message: "错误消息内容!"      });    });    $('.notice').click(function(event) {      event.preventDefault();      event.stopPropagation();      return $.growl.notice({      title: "提醒标题",        message: "提醒消息内容!"      });    });        return $('.warning').click(function(event) {      event.preventDefault();      event.stopPropagation();      return $.growl.warning({      title: "警告标题",        message: "警告消息内容!"      });    });});

输出结果：

到此，关于"jquery中message怎么使用"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！