找到 8590 篇文章 适用于 前端技术
440 次浏览
要使用 jQuery 从文本中移除下划线,请使用 jQuery 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%"}); } }); }); 将鼠标指针移动到文本上以更改字体系列和大小。
3K+ 次浏览
您无法从 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
2K+ 次浏览
要处理复选框选中状态,请使用 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 事件中。要进行包装,请使用 event 对象。您可以尝试运行以下代码以将 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; } 教程 问答