jQuery 是一個非常流行的 JavaScript 庫,可以簡化 Web 開發(fā)中的許多任務。其中最常見的任務之一就是鼠標點出顯示。
$(document).ready(function() { // 當文檔加載完畢后,執(zhí)行以下代碼 $("#target").click(function() { // 當用戶點擊目標元素時,執(zhí)行以下代碼 $("#output").html("目標元素被點擊了!"); }); });
以上代碼將添加一個事件監(jiān)聽器,當用戶點擊 id 為 target 的元素時,會將文字“目標元素被點擊了!”添加到 id 為 output 的元素中。
實際應用中,可以將以上代碼修改為適合自己需求的代碼。比如可以改變要顯示的文字、顯示的位置等。
$(document).ready(function() { // 當文檔加載完畢后,執(zhí)行以下代碼 $(".show").click(function() { // 當用戶點擊 class 為 show 的元素時,執(zhí)行以下代碼 var text = $(this).data("text"); // 獲取該元素的 data-text 屬性值 var offset = $(this).offset(); // 獲取該元素相對于頁面的偏移量 $("#output").html(text).css({ top: offset.top + 20, // 顯示到目標元素下方 20px 處 left: offset.left // 水平方向與目標元素對齊 }).show(); }); });
以上代碼將添加一個事件監(jiān)聽器,當用戶點擊 class 為 show 的元素時,會獲取該元素的 data-text 屬性值,并在該元素下方顯示。注意,在顯示之前,需先計算出該元素相對于頁面的偏移量。