Rumah > Artikel > hujung hadapan web > jquery使用on绑定mouseleave事件与mouseenter事件实现鼠标hover事件的实例分析
//HTML脚本 <spandata-helperinfo="PortfolioTeam"class="icon help"></span> //JS脚本 $(document).on({ mouseenter:function () { var HelpMsgCode = $(this).attr("data-helperinfo");//Gets the current object property values $.ajax({ type:"GET", url:"/Portfolio/GetHelpMessageByCode", //url: "/Subscription/GetHelpMessageByCode", data: { Code: HelpMsgCode }, dataType:"json", success:function (item) { var varJson = $.parseJSON(item.data); //string Turn json var varContent = varJson.Root.HelpMessage.Content; //Gets the specified JSON node contents var varMsgHtml = "<span class='bubble'>" + varContent + "</span>";//Structural HTML $(".icon.help").append(varMsgHtml);//Additional HTML to a specified location } }); }, mouseleave:function () { //When the mouse leaves, a prompt box disappears $(".icon.help").html("");//Emptying the balloon } },".icon.help");
Atas ialah kandungan terperinci jquery使用on绑定mouseleave事件与mouseenter事件实现鼠标hover事件的实例分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!