• js常用方法JQ选择器


    一、数组方法

    1.arrayObj.concat():连接两个或多个数组 -- 参数可以是任意值

    2.arrayObj.slice(start,end):将数组中star元素开始,到end-1的元素组成一个新数组

    3.arrayObj.push(val1[,val2...]):在数组的末尾追加元素--改变数组本身

    4.arrObj.unshift(val1[,val2...]):在数组的开头添加元素

    5.arrayObj.pop():删除数组的最后一个元素--返回被删除的元素

    6.arrayObj.shift():删除数组的第一个元素

    7.arrayObj.splice(index[,howmany,val1...]):从index位置添加或删除元素

    8.arrayObj.every():检查数组中的每一个元素是否符合要求--所有的元素都满足要求返回true;只要一个条件不满足返回false

    9.arrayObj.some():判断数组中是否有满足条件的元素 -- 只要有一个满足条件,则返回true;都不满足返回false

    10.arrayObj.filter():过滤数组中的每一个元素,并将符合条件的元素返回组成一个新数组

    11.arrayObj.map():将数组中的每个元素处理后返回为一个新数组

    12.arrayObj.forEach():遍历数组

    13.arrObj.indexOf():判断一个元素是否存在于数组中--返回元素首次出现的位置(找不到返回-1)

    14.arrayObj.lastIndexOf():判断一个元素是否存在数组中--返回元素最后一次出现的位置(找不到返回-1)

    15.Array.isArray():判断一个对象是否是数组

    16.arrayObj.join(sep):将数组元素使用sep连接符转换成一个字符串,sep默认为, --- 与strObj.split()对应

    17.arrayObj.toString():将数组转换为字符串,使用,连接

    18.arrayObj.reverse():翻转数组

    19.arrayObj.sort()数组排序 -- 按字母顺序排;会改变原数组

    二、JQ选择器

    1.id选择器:$("#id")

    2.class选择器:$(".class")

    3.后代选择器:$(祖先选择器 后代选择器)

    4.直接子类选择器:$(parent>child)

    5.相邻兄弟选择器:$(prev+next) -- prev后紧跟着的next元素

    6.兄弟选择器:$(prev~siblings) -- prev后所有的兄弟siblings

    7.筛选器::first:匹配已匹配的第一个元素

    :last:匹配已匹配的最后一个元素

    :eq(n):匹配已匹配元素第n个元素

    8.属性选择器:[attrName]:匹配包含指定属性的元素

    [attrName="val"]:匹配包含指定属性为val的元素

    9.子元素选择器::first-child:匹配所有匹配元素中的第一个元素

    :nth-child(n):匹配所有已匹配元素中的第n个--不分元素类型,从1开始

    :nth-of-type(n):匹配所有已匹配元素中的同类型第n个--区分类型

    10.表单选择器:$(":input"):获取所有的input,textarea,select,button

    $(":text"):匹配所有的单行文本框

    $(":checked"):匹配所有选中的元素

    $(".c1").index():获取第1个.cl元素在同辈元素中的索引
    $("div").index($(".c1")):获取第1个.c1在div中的索引
    $(".c1").index("div"):获取第1个.c1在div中的索引

  • 相关阅读:
    网络工程知识(二)VLAN的基础和配置:802.1q帧;Access、Trunk、Hybrid接口工作模式过程与配置;VLANIF的小实验
    MAA接枝聚苯乙烯(PSt-g-PMAA)共聚微球/聚醋酸乙烯酯接枝聚苯乙烯复合微球应用
    Linux:程序地址空间/虚拟地址等相关概念理解
    Linux 系统启动过程
    Camera2相机拍照流程之预览功能梳理
    随机数问题
    [概述] 获取点云数据的仪器
    Idea 常用快捷键列表
    (十一)MySQL日志篇之undo-log、redo-log、bin-log.....傻傻分不清!
    Vue中如何进行数据库操作与数据持久化
  • 原文地址:https://blog.csdn.net/liuyibo0314/article/details/128020604