溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“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();
});示例如下：
<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怎么使用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
