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
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; } 点击下面的任意正方形以查看结果:
354 次查看
要使用 jQuery 按名称选择元素,请使用输入字段的 name 元素。您可以尝试运行以下代码以按名称选择元素 -示例实时演示 $(document).ready(function(){ $("#button1").click(function(){ var sname = jQuery("#form1 input[name=sub]").val(); alert(sname); }); }); 主题名称:获取
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
1K+ 次查看
处理 jQuery AJAX 错误。ajaxError( callback ) 方法附加一个函数,该函数将在 AJAX 请求失败时执行。这是一个 Ajax 事件。以下是此方法使用所有参数的说明 -callback − 要执行的函数。为该请求使用的 XMLHttpRequest 和设置作为参数传递给此函数。如果在处理请求期间发生异常,则会传递第三个参数,即异常对象。以下是一个显示此方法用法的示例:实时演示 在 jQuery 中处理错误 ... 阅读更多
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 }); }); }); 触发(处理错误)触发(不会处理错误)检查日志
2K+ 次查看
Ajax 请求产生许多您可以订阅的不同事件。事件有两种类型:本地事件这些是您可以在 Ajax 请求对象中订阅的回调。$.ajax({ beforeSend: function(){ // 处理 beforeSend 事件 }, complete: function(){ // 处理 complete 事件 } // ...... });全局事件这些事件广播到 DOM 中的所有元素,触发可能正在侦听的任何处理程序。您可以像这样侦听这些事件:$("#loading").bind("ajaxSend", function(){ $(this).show(); }).bind("ajaxComplete", function(){ $(this).hide(); });全局事件可以禁用,用于 ... 阅读更多
301 次查看
ajaxSuccess() 方法ajaxSuccess( callback ) 方法附加一个函数,该函数将在 AJAX 请求成功完成时执行。这是一个 Ajax 事件。以下是此方法使用所有参数的说明 -callback − 要执行的函数。事件对象、XMLHttpRequest 和为该请求使用的设置作为参数传递给回调。假设我们在 result.html 文件中具有以下 HTML 内容:这是结果...示例以下是显示此方法用法的示例:实时演示 jQuery 示例 ... 阅读更多
704 次查看
ajaxStop() 方法ajaxStop( callback ) 方法附加一个函数,该函数将在所有 AJAX 请求结束时执行。以下是此方法使用所有参数的说明 -callback − 要执行的函数。假设我们在 result.html 文件中具有以下 HTML 内容:这是结果...示例以下是显示此方法用法的示例:实时演示 jQuery ajaxStop() 方法 $(document).ready(function() { /* 全局变量 */ ... 阅读更多
352 次查看
ajaxSend() 方法ajaxSend(callback) 方法附加一个函数,该函数将在发送 AJAX 请求时执行。以下是此方法使用所有参数的说明:callback − 要执行的函数。XMLHttpRequest 和为该请求使用的设置作为参数传递给回调。假设我们在 result.html 文件中具有以下 HTML 内容:这是结果...示例以下是显示此方法用法的示例:实时演示 jQuery 示例 $(document).ready(function() { ... 阅读更多