要使用 jQuery 更改背景颜色，请使用 jQuery css() 属性。我们将使用 jQuery on() 和 css() 方法在鼠标悬停时更改背景颜色。示例您可以尝试运行以下代码来学习如何使用 jQuery 更改背景颜色：实时演示 $(document).ready(function(){ $("body").on({ mouseenter: function(){ $(this).css("background-color", "gray"); }, mouseleave: function(){ $(this).css("background-color", "red"); }, dblclick: function(){ $(this).css("background-color", "yellow"); } }); }); 双击并移动鼠标指针以更改背景颜色。

要使用 jQuery 在悬停时从文本超链接中删除下划线，请使用 jQuery css() 属性。text-decoration 属性与值 none 一起使用。示例您可以尝试运行以下代码来学习如何从文本超链接中删除下划线：实时演示 jQuery 文本修饰 $(document).ready(function() { $('a').hover( function () { $(this).css({"text-decoration":"none"}); }); }); a { text-decoration: underline; } 演示文本

要使用 jQuery 在悬停时为超链接添加下划线，请使用 jQuery css() 属性。使用 text-decoration 属性。示例您可以尝试运行以下代码来学习如何在悬停时为超链接添加下划线：实时演示 jQuery 超链接修饰 $(document).ready(function() { $('a').hover( function () { $(this).css({"text-decoration":"underline"}); }); }); a { text-decoration: none; } 演示文本

要使用 jQuery 更改文本修饰属性，请使用 jQuery css() 属性。示例您可以尝试运行以下代码将 text-decoration 属性从下划线更改为上划线：实时演示 $(document).ready(function(){ $("p").on({ mouseenter: function(){ $(this).css({"text-decoration": "overline"}); } }); }); p { text-decoration: underline; } 移动鼠标指针到文本上来删除下划线并添加上划线。

要在 jQuery 中从文本中删除下划线，请使用 jQuery css() 方法。css 属性 text-decoration 属性与值 none 一起使用。示例您可以尝试运行以下代码来删除下划线：实时演示 $(document).ready(function(){ $("p").on({ mouseenter: function(){ $(this).css({"text-decoration": "none"}); } }); }); p { text-decoration: underline; } 移动鼠标指针到文本上来删除下划线。

要使用 jQuery 使文本加粗、斜体和下划线，请使用 jQuery css() 方法和 CSS 属性 font-style、font-weight 和 text-decoration。您可以尝试运行以下代码来学习如何使用 jQuery 使文本加粗、斜体和下划线：示例实时演示 $(document).ready(function(){ $("p").on({ mouseenter: function(){ $(this).css({"font-style": "italic", "font-weight": "bold","text-decoration": "underline"}); } }); }); 移动鼠标指针到文本上来使文本加粗、斜体和下划线。

要使用 jQuery 更改字体系列和字体大小，请使用 jQuery css() 方法。使用 css 属性 font-family 和 font-size。您可以尝试运行以下代码来学习如何使用 jQuery 更改字体系列和字体大小：示例实时演示 $(document).ready(function() { $("p").on({ mouseenter: function() { $(this).css({"font-family": "Arial, Helvetica, sans-serif", "font-size": "200%"}); } }); }); 移动鼠标指针到文本上来更改字体系列和大小。

要使用 jQuery 更改文本颜色，请使用 jQuery css() 方法。color css 属性用于更改文本颜色。示例您可以尝试运行以下代码来学习如何使用 jQuery 更改文本颜色：实时演示 $(document).ready(function(){ $("p").on({ mouseenter: function(){ $(this).css("color", "red"); } }); }); 移动鼠标指针到文本上来更改文本颜色。

您无法从 jQuery 事件函数中返回值。为了理解原因，让我们看看如何在按钮单击的事件处理程序中创建并传递数据。示例实时演示 $(document).ready(function(){ var a=document.getElementById('demo'); a.addEventListener('click', function(){ var s='Hello World!'; var event = new CustomEvent('build', { 'detail': s }); this.dispatchEvent(event); }) document.getElementById('parent').addEventListener('build', getData, true); function getData(e){ alert(e.detail); } }); 点击我

为了在动态内容中绑定 jQuery 事件，请使用事件委托。您可以尝试运行以下代码来学习如何在通过 Ajax 返回的动态内容中绑定 jQuery 事件：实时演示 $(document).ready(function(){     $(".loadingAjax").on("click", function() {     event.preventDefault();     var url = $(this).attr("href"),         appendedContainer = $(".append");     $.ajax({     url: url,     type : 'get',     complete : function( qXHR, textStatus ) {         if (textStatus === 'success') {             var data = qXHR.responseText             appendedContainer.hide();             appendedContainer.append("Hi");             appendedContainer.fadeIn();         }       }     }); }); $(document).on("click", '.link', function(event) {     alert("Link clicked!"); }); });         a.test { font-weight: bold; }         body { font-family: sans-serif;}     点击加载 Ajax