jquery常用遍历函数(代码片段)

Snper Snper     2022-11-13     321

关键词:

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。本文主要介绍日常工作中常用的JQ遍历,
帮助一下初学者快速的接触遍历函数,提高自己的代码编写速度,写出更简洁更实用的代码,
祝前端的同学们,在前端这条没有尽头的路上渐行渐远。
如果有什么不对的地方 大家多提意见 互相学习 相互参考!!!

1.each()
 
语法:$(selector).each(function(index,element))
  实例:$(\'li\').each(
    $(this).css(color,#c10000);
  )
  拆分一个数组,并为每个数组中的匹配元素,定义方法。

2.eq()
 语法:.eq(index) //index代表的是整数 最小为0 代表第一个对应元素

实例:$("#nav ul").find("li").eq(2).addClass("blod"); //找到id为nav 里面的ul里面的li 找到第3个li并为它加上一个.blod样式.
  
  通常找到的li 都是一个数组 eq() 方法是把其中你想要的那个单独提出来进行修改 样式增加

3.find()
  语法:.find(selector) //selector代表的是字符串值,包含供匹配当前元素集合的选择器表达式。

  实例:$("#nav ul").find("li").addClass("blod"); //找到id为nav 里面的ul里面的所有li并为它加上一个.blod样式.  
   方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

 

4.next(selector)
 语法:.next(selector)
//seLector代表的是字符串值,包含用于匹配元素的选择器表达式。
 实例:$("#nav ul").next("div") //找到id为nav 里面的ul 找到ul标签下面的第一个div标签
  
  next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

 

5.first()
 语法:.first()
 实例:$("#nav ul").first("li").addClass("blod"); //找到id为nav 下的ul下的li 找到第1个li并为它加上一个.blod样式.
  
  first() 将匹配元素集合缩减为集合中的第一个元素。

 


6.parent()

 语法:.parent(seletor) //seLector代表的是字符串值,包含用于匹配元素的选择器表达式。
 实例:$("#nav ul").parent("div").addClass("blod"); //找到id为nav 下的ul的父级元素div 为它加上一个.blod样式.  
  parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。
7.parents()
 语法:.parents(seletor)
 实例:$("#nav ul").parents("div").addClass("blod"); //找到id为nav 下的ul的祖先元素div 为它加上一个.blod样式.
parents() 获得当前匹配元素集合中每个元素的祖先元素,使用选择器进行筛选是可选的。

8、siblings()   
 语法:.parents(seletor) 
 实例:$("#nav ul").first("li").siblings().addClass("blod"); //找到id为nav 下的ul的第一个li 为除了这个li以外的所有加上一个.blod样式.
  siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。

 

 

转载请注明出处~~ snper博客园

 

python基础-字典(字典常用函数/操作/字典遍历)(代码片段)

...t='name':'小明','age':18,'id':1字典常用函数/操作打印字典中 查看详情

jquery常用的遍历和取值方法(代码片段)

一、获取下拉框的值---------》本人很少用到下拉框,但注册,和登录筛选等位置还是挺有用的1)获取第一个option值:$("#testoption:first").val();2)获取最后一个option值:$("#testoption:last").val();3)获取第二个option值:$("#testoption:eq(1)").v... 查看详情

python基础-字符串(字符串常用函数/操作/字符串遍历)(代码片段)

...定义格式为字符串变量名='字符串的文本内容' 常用函数/操作 获取字符串中的指定位置字符(根据索引)text='abcde'print(text[1]) len(),获取字符串的长度text='hello 查看详情

jquery常用语法笔记(代码片段)

JQuery入口函数//jquery入口函数可以执行多次$(document).ready(function()console.log(1);)//简写$(function()console.log(1);)JQuery选择器<divclass="box-1">div</div><spanclass="txt-2" 查看详情

stl-常用算法总结(代码片段)

...函数<functional>定义了一些模板类,用来声明函数对象常用遍历算法for_each遍历for_each(iteratorbeg,iteratorend,_func);//遍历容器beg//起始迭代器end//结束迭代器_func()//函数或函数对象for_each是实际开发中最常用的遍历算法,需要熟练掌... 查看详情

jquery常用的几个过滤数据函数(代码片段)

$.grep数据筛选varj=2017;vardata=[year:"2017",name:"测试1",year:"2017",name:"测试2",year:"2016",name:"测试2",year:"2015",name:"测试2"]varthisData=$.grep(data,function(n)returnNumber(n.Year)===j;);$.each数 查看详情

jquery遍历filter()方法(代码片段)

实例改变所有div的颜色,然后向类名为"middle"的类添加边框:$("div").css("background","#c8ebcc").filter(".middle").css("border-color","red");定义和用法filter()方法将匹配元素集合缩减为匹配指定选择器的元素。语法.filter(selector)使用过滤函数使用... 查看详情

jquery常用知识(代码片段)

jQuery什么是jq官网:https://jquery.com/定义:jquery是一个快速、小型和功能丰富的javascript库。发展历程:2006特点:1.隐式迭代2.链式编程js使用时的缺点:1.方法长,不好记忆2.兼容性不好3.代码繁琐(可读性低)... 查看详情

jquery(代码片段)

jQuery(四)几种遍历方法each方法jq对象.each()方法遍历jQuery对象集合,为每个匹配的元素执行一个函数语法:$(selector).each(function(index,element))参数描述function(index,element)必需。为每个匹配元素规定运行的函数。index-选择器的index位... 查看详情

itertools常用函数(代码片段)

Python内置的itertools模块包含了一系列用来产生不同类型迭代器的函数或类,这些函数的返回都是一个迭代器,我们可以通过for循环来遍历取值,也可以使用 next() 来取值。itertools模块提供了一下三种类型的迭代器无穷迭代... 查看详情

jq的class类的操作效果遍历内置遍历数组的函数事件(代码片段)

class类的操作:向指定元素添加相应类名:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="../public/jquery-3.3.1/jquery-3.3.1.min.js"type="text/javascript" 查看详情

jquery之核心函数(代码片段)

jQuery核心函数作为一般函数调用:$(param)  参数为函数:当DOM加载完成后,执行此回调函数。  参数为选择器字符串:查找所有匹配的标签,并将它们封装成jQuery对象。  参数为DOM对象:将dom对象封装成jQuery对象。  参... 查看详情

常用的jquery事件方法(代码片段)

在jQuery中,大多数DOM事件都有一个等效的jQuery方法。如果想在页面中指定一个点击事件,语法格式如下:$('p').click();下一步就是点击后所触发的事件。可以通过一个函数实现$("p").click(function()//触发事件过后所... 查看详情

jquery中的常用事件(代码片段)

这里介绍一些jQuery常用的事件jQuery事件是对JavaScript事件的封装,常用事件如:鼠标事件,键盘事件,表单事件,绑定事件,复合事件等等1.鼠标事件方法如下click():单击事件、触发或将函数绑定到指定元素... 查看详情

jquery(代码片段)

什么是jQueryjQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们调用,提高开发效率。js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里即可。官网:http://jquery.com/官网API文档... 查看详情

jquery遍历之closest()方法(代码片段)

//从元素本身开始,在DOM树上逐级向上级元素匹配,并返回最先匹配的祖先元素。//常用格式:vartbl=$(obj).closest("table");//这句js的意思是找到obj对象的第一个table祖先元素,这里的obj可以是tr,tbody,td,td或tr里面的input,等... 查看详情

常用算法及用例(代码片段)

一、常用的遍历算法   for_each: 用指定函数依次对指定范围内所有元素进行迭代访问。该函数不得修改序列中的元素。 函数定义。For_each(begin,end,func);template<class_InIt,   class_Fn1>inline   _F... 查看详情

jquery14工具函数(代码片段)

学习要点:1.字符串操作2.数组和对象操作3.测试操作4.URL操作5.浏览器检测6.其他操作工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的函数。它的作用主要是提供比如字符串、数组、对象等操作方面... 查看详情