首页 > 其他分享 >jquery遍历 $

jquery遍历 $

时间:2024-12-26 14:20:58浏览次数:6  
标签:jquery function 遍历 index selector ------------- each

jquery遍历 $.each和$(selector).each()的区别| Id | Title | DateAdded | SourceUrl | PostType | Body | BlogId | Description | DateUpdated | IsMarkdown | EntryName | CreatedTime | IsActive | AutoDesc | AccessPermission |

| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------|
| 14596162| jquery遍历 $.each和$(selector).each()的区别| 2021-03-30T11:56:00| | BlogPost|

1.$(selector).each()
主要对DOM的遍历

$(selector).each(function(index,element)){
    //index - 选择器的 index 位置
    //element - 当前的元素(也可使用 "this" 选择器)
}
$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});
2.$.each
遍历对象或数组

$.each(Array, function(i, value) {
      this;      //this指向当前元素
      i;         //i表示Array当前下标
      value;     //value表示Array当前元素
 });
$.each(Object, function(name, value) {
      this;      //this指向当前属性的值
      name;      //name表示Object当前属性的名称
      value;     //value表示Object当前属性的值
 });
3.find()
find() 方法获得当前元素集合中每个元素的后代

//搜索所有段落中的后代 span 元素,并将其颜色设置为红色:
$("p").find("span").css('color','red');
4.siblings()
siblings() 获得匹配集合中每个元素的同胞

//查找每个 p 元素的所有类名为 "selected" 的所有同胞元素:
$("p").siblings(".selected")

 

| 648658| | 2021-03-30T11:56:00| false| | 2021-03-30T11:55:54.683| true| 1.$(selector).each() 主要对DOM的遍历 $(selector).each(function(index,element)){ //index - 选择器的 index 位置 //element - 当前的元素(也可使用 "this" 选择器) } $("button").cli| Anonymous|

标签:jquery,function,遍历,index,selector,-------------,each
From: https://www.cnblogs.com/ralphlauren/p/18621237

相关文章

  • dataframe的遍历
    for_,rowintrain_df.iterrows():print(j)breakid00007cff95d7f7974642a785aca248b0f26e60d3312fac...promptviešpoSlovensky?response_aÁno,hovorímposlovensky.Akovámmôžempom......
  • 基于bootstrap的表格头固定jquery插件
    jquery.decapitate.js是一款基于bootstrap的表格头固定jquery插件。该jquery插件可以在页面向下滚动时,将表格头固定在视口的顶部。在线预览  下载 使用方法在页面中引入jquery、bootstrap-affix.js和jquery.decapitate.js文件。<scriptsrc="path/to/js/jquery.m......
  • 105. 从前序与中序遍历序列构造二叉树
    题目链接解题思路:首先我们得知道人工怎么建这棵树。先序遍历[0,R1]第一个节点,就是根。然后我们在中序遍历[0,R2]找到根的位置,假如是x,那么,中序遍历中[0,x-1]就是左子树,中序遍历中[x+1,R2]就是右子树。那么先序遍历呢?左子树节点个数是x个,先序遍历是要先遍历完左子树,才能到......
  • jExcel-类似Excel的jquery电子表格插件
    jexcel.js是一款轻量级的类似Excel的jquery电子表格插件。你可以同js数组、json数据或CSV文件来为jexcel表格提供数据,你甚至可以直接从一个Excel表格中直接复制粘贴数据到jexcel表格中。在线预览  下载  使用方法在页面中引入jquery、jquery.jexcel.js和jquery.jexcel.c......
  • 103. 二叉树的锯齿形层序遍历
    题目链接解题思路:和层序遍历有明显的不同。通过观察,可以得到,当前层,和下一层的顺序是「相反」的,遇到这种相反的问题,考虑用栈。本题就是用两个栈,一个栈在放入时,先放左儿子,再放右儿子,另一个栈在放入时,先放右儿子,再放左儿子。然后两个栈交替使用即可。为什么能得到这个思路?观察......
  • 102. 二叉树的层序遍历
    题目链接解题思路:层序遍历就用队列,唯一需要注意的就是,要每一层单独收集,所以要用一个变量,记录每一层需要收集的数目,同时还要记录下一层需要收集的数目代码classSolution:deflevelOrder(self,root:Optional[TreeNode])->List[List[int]]:ifroot==No......
  • 94. 二叉树的中序遍历
    题目链接解题思路:中序遍历:左中右,用一个栈,同时用空来标识「中」,所以入栈顺序就是右->中->None->左代码classSolution:definorderTraversal(self,root:Optional[TreeNode])->List[int]:#使用栈#中序的顺序,左中右压栈就是右中左为了标......
  • 高级jQuery自动补全插件
    jquery.typeahead.js是一款高级的自动补全jQuery插件。该jquery自动补全插件提供超过50个配置选项和回调方法,用于完成自动补全功能,能够完成绝大部分表单自动补全的需求。在线预览 下载             使用方法在页面中引入jquery、jquery.typeah......
  • jquery定时器
    jquery定时器|Id|Title|DateAdded|SourceUrl|PostType|Body|BlogId|Description|DateUpdated|IsMarkdown|EntryName|CreatedTime|IsActive|AutoDesc|AccessPermission||-------------|-------------|-------------|-------------|----------......
  • 从前序与中序遍历序列构造二叉树(递归)
    给定两个整数数组 preorder 和 inorder ,其中 preorder 是二叉树的先序遍历, inorder 是同一棵树的中序遍历,请构造二叉树并返回其根节点。 示例1:输入:preorder=[3,9,20,15,7],inorder=[9,3,15,20,7]输出:[3,9,20,null,null,15,7]示例2:输入:preorder=......