jQuery alert是一種彈出框效果,可以用來在網(wǎng)頁中展示提示信息或警告信息。下面我們來詳細介紹一下jQuery alert的寫法。
//基本寫法 $(document).ready(function(){ $("button").click(function(){ alert("Hello World!"); }); }); //定制化 $(document).ready(function(){ $("button").click(function(){ $.alert({ title: "提示", content: "這是一條提示信息!", animation: "zoom", closeAnimation: "scale", buttons: { okay: { text: "確定", btnClass: "btn-blue" } } }); }); });
在基本寫法中,我們使用了jQuery的click函數(shù),當點擊頁面上的button元素時,會彈出一個包含"Hello World!"的提示框。
而在定制化例子中,我們使用了jQuery的alert函數(shù),并在其中設(shè)置了一些屬性值。這些屬性包括:title(彈出框標題)、content(彈出框內(nèi)容)、animation(打開彈出框時的動畫效果)、closeAnimation(關(guān)閉彈出框時的動畫效果)和buttons(彈出框中的按鈕)。我們可以根據(jù)需要進行修改。
在buttons屬性中,我們設(shè)置了一個名為"okay"的按鈕,并給其指定了按鈕文字和按鈕樣式。當用戶點擊該按鈕時,彈出框會被關(guān)閉。
以上就是關(guān)于jQuery alert的寫法,希望對大家有所幫助。