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影片教學#

以上是jquery中message的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！