在jquery中，message外掛程式用於在一個覆蓋層顯示回饋訊息，訊息會在一段時間後自動消失，也可以透過移動滑鼠或點擊任何地方加快隱藏訊息，語法為「 $() .message("需要顯示的文字");」。
本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery中message的用法是什麼
#Query Message 外掛程式可讓您輕鬆地在一個覆蓋層顯示回饋訊息。訊息會在一段時間後自動消失，不需要點擊"確定"按鈕等。使用者可以透過移動滑鼠或點擊任何地方加快隱藏訊息。
有時在頁面載入的時候，需要在頁面的右下角彈出一個小的提示框，顯示一些提示訊息給用戶，透過使用jQuery的message插件，可以很方便的實現這個效果，在使用之前先介紹一下message插件中的方法的使用。
$(function() {
$().message("Hello world!");
// or
$(".feedback").message();
});範例如下：
<html> <head> <meta charset="utf-8"> <title>jQuery Growl 插件</title> <script src="https://cdn.staticfile.org/jquery//2.0.2/jquery.min.js" type="text/javascript"></script> <script src="https://static.runoob.com/assets/jquery/jquery.growl/javascripts/jquery.growl.js" type="text/javascript"></script> <link href="https://static.runoob.com/assets/jquery/jquery.growl/stylesheets/jquery.growl.css" rel="stylesheet" type="text/css" /> </head> <body> <ul> <li> <a class="error" href="#">错误!</a> </li> <li> <a class="notice" href="#">提醒!</a> </li> <li> <a class="warning" href="#">警告!</a> </li> </ul> </body> </html>
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的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
