找到 8590 篇文章 适用于 前端技术

如何使用 jQuery 移除下划线?

Amit D
更新于 2019年12月11日 08:11:27

440 次浏览

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

如何使用 jQuery 使文本加粗、斜体和下划线?

Amit D
更新于 2020年2月17日 05:17:22

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"});         }     });     }); 将鼠标指针移动到文本上以使文本加粗、斜体和下划线。

如何使用 jQuery 更改字体系列和字体大小?

Amit D
更新于 2020年2月17日 05:16:10

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%"});      }    });     }); 将鼠标指针移动到文本上以更改字体系列和大小。

如何使用 jQuery 更改文本颜色?

Amit D
更新于 2020年2月17日 05:13:42

12K+ 次浏览

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

如何从 jQuery 事件函数中返回变量值?

Amit D
更新于 2020年2月17日 05:10:34

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);     } }); 点击我

如何绑定通过 Ajax 返回的动态内容中的 jQuery 事件?

Alex Onsman
更新于 2020年6月15日 07:49:44

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

如何在 jQuery 中处理复选框“选中状态”更改事件?

Alex Onsman
更新于 2020年2月14日 12:48:52

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();  

我可以将 JavaScript 事件包装在 jQuery 事件中吗?

Alex Onsman
更新于 2020年2月14日 12:47:50

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;     } 教程     问答

如何使用 jQuery 禁用复制内容功能?

Alex Onsman
更新于 2020年2月14日 12:46:49

2K+ 次浏览

要禁用 jQuery 中内容的剪切、复制和粘贴,请使用 jQuery bind() 函数。示例您可以尝试运行以下代码以使用 jQuery 禁用内容的复制粘贴:实时演示 $(document).ready(function(){   $('#mytext').bind("cut copy paste",function(e) {      e.preventDefault();   }); }); 复制、剪切和粘贴功能在此处不起作用。

如何使用 jQuery 禁用右键单击?

Alex Onsman
更新于 2019年12月11日 07:35:10

3K+ 次浏览

要禁用页面上的右键单击,请使用 jQuery bind() 方法。示例您可以尝试运行以下代码以了解如何禁用右键单击:实时演示 $(document).ready(function(){    $(document).bind("contextmenu",function(e){       return false;    }); }); 在此页面上禁用了右键单击。

广告