找到 732 篇文章 关于 JQuery

如何使用 jQuery 将多个 div 包裹在一个 div 中?

David Meador
更新于 2020年2月17日 08:04:40

2K+ 次查看

要使用 jQuery 将多个 div 包裹在一个 div 中,可以使用 wrapAll() 方法。您可以尝试运行以下代码,以使用 jQuery 将多个 div 包裹在一个 div 中:示例在线演示 $(document).ready(function() {    $("#button1").click(function(){       $('.b,.c').wrapAll('');      }); }); .wrap {   color:blue; }  这是 div 1  这是 div 2  这是 div 3 包裹

如何使用 jQuery 将两个相邻元素包裹在一个包含 div 中?

David Meador
更新于 2020年2月17日 07:55:08

264 次查看

要包裹两个相邻元素,请遍历每个 myclass,将其添加到数组并确定下一个元素是否具有 .myclass。您可以尝试运行以下代码来了解如何将两个相邻元素包裹在一个包含 div 中:示例在线演示 $(document).ready(function() {     var result = [];         $('.myclass').each(function() {         var box2 = $(this).next().hasClass('myclass');                 result.push($(this));                 if(!box2)         {             var container = $('');             container.insertBefore(result[0]);             for(x=0;x

使用 jQuery 添加 DOM 元素的最佳方法是什么?

David Meador
更新于 2020年2月17日 07:53:56

136 次查看

使用 jQuery 添加 DOM 元素的最佳方法是使用 append() 方法附加 HTML 字符串。您可以尝试运行以下代码以插入 DOM 元素:示例在线演示           jQuery 示例                              $(document).ready(function() {             $("div").click(function () {                $(this).append('' );             });          });                              .div {             margin:10px;             padding:12px;             border:2px solid #666;             width:60px;          }                              单击下面的任意正方形以查看结果:                                      

如何使用 jQuery 按名称选择元素?

David Meador
更新于 2020年2月17日 07:52:51

354 次查看

要使用 jQuery 按名称选择元素,请使用输入字段的 name 元素。您可以尝试运行以下代码以按名称选择元素:示例在线演示 $(document).ready(function(){   $("#button1").click(function(){      var sname = jQuery("#form1 input[name=sub]").val();      alert(sname);   }); });  主题名称:获取

如何使用 jQuery 操作 CSS 伪元素 ::before 和 ::after?

David Meador
更新于 2020年6月15日 09:15:13

3K+ 次查看

要使用 hover() 函数操作 CSS 伪元素。您可以尝试运行以下代码来了解如何操作 CSS 伪元素:示例在线演示 $(document).ready(function(){     $('span').hover(function(){     $(this).addClass('change').attr('data-content','bar'); }); }); span.change:after {     content: attr(data-content) ' 这是演示文本。'; } 将光标放在下面... foo

如何处理 jQuery AJAX 错误?

David Meador
更新于 2020年6月15日 09:04:44

1K+ 次查看

处理 jQuery AJAX 错误。ajaxError( callback ) 方法附加一个函数,每当 AJAX 请求失败时执行该函数。这是一个 Ajax 事件。以下是此方法使用的所有参数的描述:callback − 要执行的函数。用于该请求的 XMLHttpRequest 和设置作为参数传递给此函数。如果在处理请求时发生异常,则传递第三个参数,即异常对象。以下是一个显示此方法用法的示例:在线演示           在 jQuery 中处理错误           ... 阅读更多

如何为请求禁用一些 jQuery 全局 Ajax 事件处理程序?

David Meador
更新于 2020年6月15日 09:06:07

372 次查看

使用全局错误处理程序接收 jQuery 可以提供的几个参数。之后添加 suppressErrors: true。 您可以尝试运行以下代码以禁用某些 jQuery 全局 Ajax 事件处理程序以进行请求:在线演示 $(document).ready(function(){   $("div.log").ajaxError(function(evt, xhr, settings) {     if(settings.suppressErrors) {         return;     }     $(this).text( "ajaxError 处理程序已触发" );  });    $("button.trigger").click(function() {     $("div.log").text('');     $.ajax("ajax/missing.html");  });  $("button.triggerSuppress").click(function() {     $("div.log").text('');     $.ajax( "ajax/missing.html", {         suppressErrors: true     });  }); }); 触发(处理错误) 触发(不会处理错误) 检查日志

jQuery 中的本地事件和全局事件有什么区别?

David Meador
更新于 2020年6月15日 09:08:05

2K+ 次查看

Ajax 请求会产生许多不同的事件,您可以订阅这些事件。有两种类型的事件:本地事件这些是您可以在 Ajax 请求对象中订阅的回调。$.ajax({    beforeSend: function(){       // 处理 beforeSend 事件    },    complete: function(){      // 处理 complete 事件    }    // ...... });全局事件这些事件广播到 DOM 中的所有元素,触发任何可能正在侦听的处理程序。您可以像这样侦听这些事件:$("#loading").bind("ajaxSend", function(){    $(this).show();  }).bind("ajaxComplete", function(){    $(this).hide(); });全局事件可以禁用,用于... 阅读更多

jQuery 中的 ajaxSuccess() 和 ajaxComplete() 函数有什么区别?

David Meador
更新于 2020年6月15日 09:09:45

301 次查看

ajaxSuccess() 方法ajaxSuccess( callback ) 方法附加一个函数,每当 AJAX 请求成功完成时执行该函数。这是一个 Ajax 事件。以下是此方法使用的所有参数的描述:callback − 要执行的函数。事件对象、XMLHttpRequest 和用于该请求的设置作为参数传递给回调。假设我们在 result.html 文件中具有以下 HTML 内容:这是结果...示例以下是一个显示此方法用法的示例:在线演示           jQuery 示例                           ... 阅读更多

jQuery 中的 ajaxStop() 和 ajaxComplete() 函数有什么区别?

David Meador
更新于 2020年6月15日 09:11:19

704 次查看

ajaxStop() 方法ajaxStop( callback ) 方法附加一个函数,每当所有 AJAX 请求结束时执行该函数。以下是此方法使用的所有参数的描述:callback − 要执行的函数。假设我们在 result.html 文件中具有以下 HTML 内容:这是结果...示例以下是一个显示此方法用法的示例:在线演示           jQuery ajaxStop() 方法                              $(document).ready(function() {                         /* 全局变量 */       ... 阅读更多

广告