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

jQuery 中 jQuery.map() 和 jQuery.each() 函数有什么区别?

David Meador
更新于 2019-12-09 11:12:13

267 次查看

jQuery map 函数map 方法将 jQuery 对象中的一组元素转换为 jQuery 数组中的另一组值,这些值可能包含或不包含元素。示例您可以尝试运行以下代码来了解如何使用 jQuery.map() 方法:实时演示 jQuery Map 方法 $(document).ready(function(){ var mappedItems = $("li").map(function (index) { var replacement = ... 阅读更多

如何使用 jQuery 遍历数据对象模型 (DOM) 节点?

David Meador
更新于 2019-12-18 07:11:56

290 次查看

jQuery 遍历用于根据元素与其他元素的关系查找元素。您需要从一个选择开始,然后继续前进,直到到达您想要的元素。jQuery 是一种非常强大的工具,它提供了各种 DOM 遍历方法来帮助我们随机以及按顺序选择文档中的元素。让我们通过遍历过滤出元素。filter( selector ) 方法可用于从匹配元素集中过滤出与指定选择器不匹配的所有元素。示例选择器可以使用任何... 阅读更多

jQuery 中 jQuery.map() 和 jQuery.grep() 函数有什么区别?

David Meador
更新于 2019-12-17 10:21:43

433 次查看

jQuery map 函数将 jQuery 对象中的一组元素转换为 jQuery 数组中的另一组值,这些值可能包含或不包含元素。grep() 函数用于查找数组的元素。区别在于我们使用 $.grep 过滤数组,使用 $.map 对数组中的每个项目应用函数。jQuery map 函数map 方法将 jQuery 对象中的一组元素转换为 jQuery 数组中的另一组值,这些值可能包含或不包含元素。以下是 jQuery.map() 方法的参数:callback - ... 阅读更多

如何在 jQuery 中根据属性过滤对象数组?

David Meador
更新于 2019-12-18 07:10:59

2K+ 次查看

要在 jQuery 中根据属性过滤对象数组,请使用带有 JSON 的 map() 方法。示例您可以尝试运行以下代码来了解如何在 jQuery 中根据属性过滤对象数组,实时演示 $(document).ready(function(){ var json ={"DEPARTMENT": [ { "id":"1", "deptemp":"840", "shares":"1100", }, { "id":"2", "deptemp":"1010", "shares":"1900", }, { "id":"1", "deptemp":"350", "shares":"510", }, { "id":"2", "deptemp":"575", "shares":"1900", }]}; json.DEPARTMENT = $.map(json.DEPARTMENT,function(val,key) { if(Number(val.deptemp) = 500) return val; }); for(var i in json.DEPARTMENT) $("p").html("Department Employees: "+json.DEPARTMENT[i].deptemp+" , Shares:"+json.DEPARTMENT[i].shares) }); });

jQuery 破坏性方法 end() 是什么?

David Meador
更新于 2019-12-09 10:00:12

242 次查看

jQuery end() 方法会恢复最近一次破坏性操作,将匹配元素集更改为破坏性操作之前的先前状态。以下是使用方法,操作。end()示例您可以尝试运行以下代码来了解 jQuery 破坏性方法 end(),实时演示 jQuery end() 函数 $(document).ready(function(){ $("p").find("span").end().css("border", "4px red solid"); }); p{ margin:5px; padding:5px; } Hello World!

jQuery 中 Grep 和 Filter 有什么区别?

David Meador
更新于 2019-12-09 09:58:26

902 次查看

grep() 方法查找元素,而 filter() 方法返回与特定条件匹配的元素。jQuery grep 函数示例grep() 函数用于查找数组的元素。您可以尝试运行以下代码来了解如何使用 grep(),实时演示 jQuery grep() 函数 div { color: blue; } p { color: red; margin: 0; } var arr1 = [ 1, 7, 4, 8, 6, 1, 9, 5, 3, 7, ... 阅读更多

jQuery 中的 .end() 函数的作用是什么?

Amit D
更新于 2019-12-09 10:01:22

154 次查看

end() 方法会恢复最近一次破坏性操作,将匹配元素集更改为破坏性操作之前的先前状态。示例您可以尝试运行以下代码来了解如何在 jQuery 中使用 end 函数:实时演示 jQuery end() 函数 $(document).ready(function(){ $("p").find("span").end().css("border", "2px blue solid"); }); p{ margin:10px; padding:10px; } Hello World!

jQuery 中 jQuery.offsetParent( ) 和 jQuery.parent() 方法有什么区别?

Amit D
更新于 2020-02-14 07:28:47

255 次查看

jQuery.offsetParent()offsetParent() 方法返回一个 jQuery 集合,其中包含第一个匹配元素的定位父元素。这是元素的第一个父元素,该元素具有位置(如相对或绝对)。此方法仅适用于可见元素。示例您可以尝试运行以下代码来了解如何在 jQuery 中使用 jQuery.offsetParent():实时演示 jQuery offsetParent() 方法 $(document).ready(function() { $("div").click(function () { ... 阅读更多

如何使用 jQuery.closest() 方法与类选择器?

Amit D
更新于 2019-12-09 10:15:59

4K+ 次查看

closest() 方法从当前元素开始,并仅返回匹配传递表达式的第一个祖先元素。此返回的 jQuery 对象包含零个或一个元素。使用类选择器很容易,让我们看看下面如何使用它。示例您可以尝试运行以下代码来学习如何使用 jQuery.closest() 方法与类选择器:实时演示 .myclass * {     display: block;     border: 2px solid blue;     color: red;     padding: 5px;     margin:10px; }   $(document).ready(function(){     $("span").closest(".one").css({"color": "maroon", "border": "5px solid ... 阅读更多

jQuery 中 $.closest() 和 $.parents() 方法有什么区别?

Amit D
更新于 2020年2月14日 07:28:01

789 次浏览

jQuery closest 和 parents 方法用于设置或获取匹配选择器的第一个或所有祖先元素。让我们看看下面的区别:jQuery closest() 方法closest() 方法从当前元素开始,并仅返回匹配传递表达式的第一个祖先元素。此返回的 jQuery 对象包含零个或一个元素。示例您可以尝试运行以下代码来学习如何使用 jQuery closest 方法:实时演示 .myclass * {     display: block;     border: 2px solid blue;     color: red;     padding: 5px;     margin:10px; } ... 阅读更多

广告