找到 732 篇文章 关于 JQuery

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

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

2K+ 次查看

要根据属性过滤 jQuery 中的对象数组,请使用带有 JSON 的 map() 方法。示例您可以尝试运行以下代码以了解如何在 jQuery 中根据属性过滤对象数组,在线演示 $(document).ready(function(){    $(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("部门员工:"+json.DEPARTMENT[i].deptemp+" ,  股份:"+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;          }                         你好,世界!        

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;          }                         你好,世界!        

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-02-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; } ... 阅读更多

如何在 jQuery 中使用 jQuery.closest() 方法?

Amit D
更新于 2019-12-09 10:21:04

226 次查看

closest() 方法从当前元素开始,并仅返回匹配传递表达式的第一个祖先元素。此返回的 jQuery 对象包含零个或一个元素。示例您可以尝试运行以下代码来学习如何使用 jQuery closest 方法:在线演示 .myclass * {     display: block;     border: 2px solid blue;     color: red;     padding: 5px;     margin:10px; }   $(document).ready(function(){     $("span").closest("ol").css({"color": "gray", "border": "3px solid yellow"});   }); body   div     ol - 这是... 阅读更多

jQuery.nextAll() 方法在 jQuery 中是如何工作的?

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

108 次浏览

如果您想返回所有后续兄弟元素,则可以使用 nextAll() 方法。示例您可以尝试运行以下代码来学习如何使用 jQuery.nextAll() 方法:在线演示  .mysiblings * {     display: block;     border: 1px solid green;     padding: 2px;     margin: 10px;     color: blue;  }   $(document).ready(function(){     $("li.myclass").nextAll().css({"color": "maroon", "border": "3px solid "});   });   ol       li- 这是父 ol 的兄弟元素     li- 这是父 ol 的兄弟元素     li- 这是具有类“myclass”的父 ol 的兄弟元素     li- 下一个兄弟元素     li- 下一个兄弟元素     li- 下一个兄弟元素     li- 下一个兄弟元素    

jQuery.children() 方法在 jQuery 中的作用是什么?

Amit D
更新于 2019-12-09 10:27:44

113 次浏览

如果您想返回所选元素的所有直接子元素,则可以使用 jQuery.children() 方法,示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.children() 方法,在线演示 .myclass * {     display: block;     border: 2px solid blue;     color: black;     padding: 3px;     margin: 10px; } $(document).ready(function(){     $("ol").children().css({"color": "red", "border": "5px solid red"}); }); body   div     ol       li - 这是子元素         span              

广告