jquery中message怎么使用

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

创新互联建站专注于新邱企业网站建设,响应式网站,商城系统网站开发。新邱网站建设公司,为新邱等地区提供建站服务。全流程按需求定制制作,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务

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

jquery中message怎么使用

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

jquery中message的用法是什么

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

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

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

示例如下:




jQuery Growl 插件





  • 错误!
  • 提醒!
  • 警告!

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怎么使用

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


本文名称:jquery中message怎么使用
URL网址:http://pwwzsj.com/article/jssigj.html