找到 8590 篇文章,关于前端技术

你如何理解 jQuery 遍历同级元素?

David Meador
更新于 2019-12-09 10:58:06

81 次浏览

jQuery 遍历同级元素  是使用 jQuery 遍历查找元素的同级元素。要在 DOM 树中横向遍历,请使用以下方法:siblings():此方法返回所选元素的所有同级元素。next():此方法返回所选元素的下一个同级元素。nextAll():此方法返回所选元素的所有后续同级元素。nextUntil():nextUntil() 方法返回两个给定参数之间的所有后续同级元素。prev():此方法返回所选元素的前一个同级元素。prevAll():此方法返回所选元素的所有前序同级元素prevUntil():prevUntil() 方法返回两个给定参数之间的所有前序同级元素。让我们… 阅读更多

jQuery 中 jQuery.children() 和 jQuery.siblings() 方法的区别是什么?

David Meador
更新于 2019-12-17 10:23:52

328 次浏览

jQuery children() 方法children( [selector] ) 方法获取一组包含匹配元素集中每个元素的所有唯一直接子元素的元素。以下是此方法使用的所有参数的说明:selector − 这是一个可选参数,用于筛选所有子元素。如果未提供,则选择所有子元素。示例您可以尝试运行以下代码以了解如何使用 jQuery children() 方法:实时演示           jQuery children() 方法                          $(document).ready(function(){   ... 阅读更多

jQuery 中 jQuery.bind() 和 jQuery.live() 方法的区别是什么?

David Meador
更新于 2019-12-09 11:01:57

161 次浏览

jQuery.bind() 方法jQuery 中的 bind() 方法为选定的元素附加一个或多个事件处理程序。注意:jQuery bind() 方法在 jQuery 中已弃用。示例您可以尝试运行以下代码以了解如何在 jQuery 中使用 bind() 方法:实时演示 $(document).ready(function(){     $("div").bind("click", function(){         alert("Hello World!");     }); }); 点击我!我是一个警告!jQuery.live() 方法live( type, fn ) 方法为所有当前和将来的匹配元素绑定一个事件(如 click)的处理程序。它还可以绑定… 阅读更多

如何将前一个元素添加到当前 jQuery 选择中?

David Meador
更新于 2019-12-09 10:59:39

515 次浏览

要将前一个元素添加到当前 jQuery 选择中,请使用 insertBefore() 方法。示例您可以尝试运行以下代码以了解如何使用 insertBefore() 方法:实时演示 $(document).ready(function(){     $("button").click(function(){         $("Demo text").insertBefore("p");     }); }); 插入这是一个段落。

jQuery 中 jQuery.html() 和 jQuery.append() 方法的区别是什么?

David Meador
更新于 2019-12-09 11:05:28

195 次浏览

jQuery.html() 方法html() 方法获取第一个匹配元素的 html 内容(innerHTML)。此属性在 XML 文档上不可用。示例您可以尝试运行以下代码以了解如何在 jQuery 中使用 jQuery.html() 方法:实时演示           jQuery html() 方法                          $(document).ready(function() {             $("div").click(function () {                var content = $(this).html();                $("#result").html(content);             });   ... 阅读更多

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(){    $(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!        

广告