找到 10435 篇文章,关于 Web 开发

如何使用 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() {                         /* 全局变量 */       ... 阅读更多

jQuery 中的 ajaxSend() 和 ajaxStart() 函数有什么区别?

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

352 次查看

ajaxSend() 方法ajaxSend(callback) 方法附加一个函数,该函数将在发送 AJAX 请求时执行。以下是此方法使用所有参数的说明:callback − 要执行的函数。XMLHttpRequest 和为该请求使用的设置作为参数传递给回调。假设我们在 result.html 文件中具有以下 HTML 内容:这是结果...示例以下是显示此方法用法的示例:实时演示           jQuery 示例                              $(document).ready(function() {           ... 阅读更多

广告