一、数组方法

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中的索引

js常用方法JQ选择器相关推荐

  1. html和cs、js、jq 基础用法

    # web01 1. web前端: 学习如何搭建页面 2. 数据库: 学习如何对数据进行增删改查 3. Servlet: 判断请求的目的从而做出对应的响应  (获取请求并做出响应) ###服务器 - ...

  2. JS与JQ的对比与提高

    来吧, 案例1:先上个例子js写的省市二级联动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8 ...

  3. 由浅入深之Jq选择器(2)

    说到jq 不得不了解jq选择器,什么是选择器?? 在js中 我们获得Dom对象通过这样的方式来获得 var div = document.getElementById("testDiv&qu ...

  4. Filter在Vue,JS,JQ中的使用

    vue 中的filter的使用: 关键字filter,官方文档(https://cn.vuejs.org/v2/guide/filters.html#ad)说明在vue中过滤器可以用在两个地方:双花括 ...

  5. jQ选择器与常用的方法归纳

    1.jQuery入口函数与JS入口函数的区别(理解) JS入口函数指的是:window.onload = function() {}; jQ入口函数指的是:`$`(function(){}); 区别一 ...

  6. js和jq的联系和区别

    我是一个从汽车行业转行IT的项目经理,我是Edward,如想了解更多,请关注我的公众号[转行项目经理的逆袭之路]. 今天来聊聊js和jq. 以上两幅图可以表明两者之间的关系,用一句说来表示就是: jq ...

  7. 浅谈 -- ♡ ‧₊˚ JS 与JQ的区别 ‧₊˚ ♡

    jQuery是一个Javascript库,是对于ECMAScript.dom.bom的一个浅封装,让用户更方便操作. 让我们简单谈谈JS与JQ的区别吧! ♡ ‧₊˚  定义  ‧₊˚ ♡ js是网页的 ...

  8. jq选择器在实际使用时遇到的问题

    最近在写前端的jq代码时,遇到了一些问题,在使用以前用起来非常方便的jq选择器时,竟然出错了. 还原当时的问题,id不是固定的,而是由两个字段动态拼接在一起的,主要目的是遍历数据的时候区分每一条数据. ...

  9. php中日期选择代码,实现JS日期时间选择器

    这次给大家带来实现JS日期时间选择器,实现JS日期时间选择器的注意事项有哪些,下面就是实战案例,一起来看一下. flatpickr 是一个轻量级.注重精益.由 UX 驱动和可扩展的 JavaScrip ...

最新文章

  1. 【每日一念经】算法岗面经,一万字面试经验你确定不看?
  2. 为什么我参加了那么多学术会议依旧一无所获?
  3. 貌似长沙有个用膳吧外卖网
  4. JavaScript 复习之 Array 对象
  5. 【Python】统计字符串里某个字符或子字符串出现的次数
  6. linux history 看更多历史记录_Linux历史记录history常用技巧
  7. Nauuo and Circle
  8. com.microsoft.sqlserver.jdbc.SQLServerException: 索引 7 超出范围。
  9. 【R】语言第二课----- 变量的使用方法
  10. openstack私有云_OpenStack-下一代私有云的未来
  11. hexo next 主题安装 livere 评论插件
  12. HDU2179--pi(麦金公式)
  13. python word库_Python|利用第三方库编辑word的基本操作
  14. Windows开启卓越性能模式,一键睿频
  15. word审阅 去除word回车换行时出现的竖线的方法
  16. Element-UI Select 下拉框 根据汉字拼音过滤选择选项(使用filter-method,filterable属性)
  17. ESP8266-Arduino编程实例-TEMT6000环境光传感器驱动
  18. python好学吗-python容易学么
  19. python2 assert判断字典的包含关系
  20. 图片转成pdf的免费软件

热门文章

  1. linux kbengine 环境,KBEngine服务器环境搭建
  2. python实现胶囊网络_在TensorFlow中实现胶囊网络
  3. 浅谈 WebVR 全景
  4. 在项目开发中应该遵循的准则
  5. 讲的比较好的linux命令
  6. C#中接口和类的区别
  7. 【论文阅读】Embracing Domain Differences in Fake News: Cross-domain Fake News Detection using 多模态数据
  8. Nexus 5x在root过程中遇到的问题及解决方法
  9. 【生物医学】蛋白数据库UniProt综述及结构图谱
  10. Tor网络突破IP封锁,爬虫好搭档【入门手册】