找到 10435 篇文章 关于网页开发

如何使用 jQuery 将两个相邻元素包装到一个包含的 div 中?

David Meador
更新于 2020-02-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-02-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-02-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-06-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) ' This is demo text.'; } 将光标放在下面... foo

如何处理 jQuery AJAX 错误?

David Meador
更新于 2020-06-15 09:04:44

1K+ 次浏览

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

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

David Meador
更新于 2020-06-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 handler is triggered" ); }); $("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-06-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-06-15 09:09:45

301 次浏览

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

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

David Meador
更新于 2020-06-15 09:11:19

704 次浏览

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

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

David Meador
更新于 2020-06-15 09:13:18

352 次浏览

ajaxSend() 方法
ajaxSend(callback) 方法附加一个函数,该函数在每次发送 AJAX 请求时都会执行。以下是此方法使用到的所有参数的描述:
callback  − 要执行的函数。XMLHttpRequest 和用于该请求的设置作为参数传递给回调函数。
假设我们在 result.html 文件中具有以下 HTML 内容:
THIS IS RESULT...
示例
以下是显示此方法用法的示例:
在线演示           jQuery 示例                                $(document).ready(function() {           ... 阅读更多

广告