440 次浏览
要移除 jQuery 中文本的下划线,请使用 jQuery css() 方法。css 属性 `text-decoration` 属性与 `none` 值一起使用。示例您可以尝试运行以下代码来移除下划线:在线演示 $(document).ready(function(){ $("p").on({ mouseenter: function(){ $(this).css({"text-decoration": "none"}); } }); }); p { text-decoration: underline; } 将鼠标指针移到文本上即可移除下划线。
3K+ 次浏览
要使用 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"}); } }); }); 将鼠标指针移到文本上即可使文本加粗、倾斜和下划线。
2K+ 次浏览
要使用 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%"}); } }); }); 将鼠标指针移到文本上即可更改字体系列和大小。
12K+ 次浏览
要使用 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); } }); 点击我
695 次浏览
要绑定动态内容中的 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
要处理复选框选中状态,请使用 `change` 事件。它将检查复选框是否被选中。示例您可以尝试运行以下代码来学习如何在 jQuery 中处理复选框选中状态更改事件:在线演示 jQuery 复选框状态 b { color: red; } 选中/取消选中此复选框 $( "input" ).change(function() { var $input = $( this ); $( "p" ).html( ".attr( \"checked\" ): " + $input.attr( "checked" ) + "" + ".prop( \"checked\" ): " + $input.prop( "checked" ) + "" + ".is( \":checked\" ): " + $input.is( ":checked" ) + "" ); }).change();
229 次浏览
是的,您可以将 JavaScript 事件包装在 jQuery 事件中。对于包装,请使用事件对象。您可以尝试运行以下代码将 JavaScript 事件包装在 jQuery 事件中:示例在线演示 $(document).ready(function(){ $('a.one').click(function(event){ event.preventDefault(); }); function test(event){ $.Event(event).preventDefault(); } }); a.test { font-weight: bold; } body { font-family:sans-serif; } 教程 问答
要禁用 jQuery 中内容的剪切、复制和粘贴,请使用 jQuery `bind()` 函数。示例您可以尝试运行以下代码来禁用使用 jQuery 的复制粘贴:在线演示 $(document).ready(function(){ $('#mytext').bind("cut copy paste",function(e) { e.preventDefault(); }); }); 这里复制、剪切和粘贴功能不起作用。
要禁用页面上的右键单击,请使用 jQuery `bind()` 方法。示例您可以尝试运行以下代码来学习如何禁用右键单击:在线演示 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 此页面上禁用了右键单击。