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中的索引
js常用方法JQ选择器相关推荐
- html和cs、js、jq 基础用法
# web01 1. web前端: 学习如何搭建页面 2. 数据库: 学习如何对数据进行增删改查 3. Servlet: 判断请求的目的从而做出对应的响应 (获取请求并做出响应) ###服务器 - ...
- JS与JQ的对比与提高
来吧, 案例1:先上个例子js写的省市二级联动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8 ...
- 由浅入深之Jq选择器(2)
说到jq 不得不了解jq选择器,什么是选择器?? 在js中 我们获得Dom对象通过这样的方式来获得 var div = document.getElementById("testDiv&qu ...
- Filter在Vue,JS,JQ中的使用
vue 中的filter的使用: 关键字filter,官方文档(https://cn.vuejs.org/v2/guide/filters.html#ad)说明在vue中过滤器可以用在两个地方:双花括 ...
- jQ选择器与常用的方法归纳
1.jQuery入口函数与JS入口函数的区别(理解) JS入口函数指的是:window.onload = function() {}; jQ入口函数指的是:`$`(function(){}); 区别一 ...
- js和jq的联系和区别
我是一个从汽车行业转行IT的项目经理,我是Edward,如想了解更多,请关注我的公众号[转行项目经理的逆袭之路]. 今天来聊聊js和jq. 以上两幅图可以表明两者之间的关系,用一句说来表示就是: jq ...
- 浅谈 -- ♡ ‧₊˚ JS 与JQ的区别 ‧₊˚ ♡
jQuery是一个Javascript库,是对于ECMAScript.dom.bom的一个浅封装,让用户更方便操作. 让我们简单谈谈JS与JQ的区别吧! ♡ ‧₊˚ 定义 ‧₊˚ ♡ js是网页的 ...
- jq选择器在实际使用时遇到的问题
最近在写前端的jq代码时,遇到了一些问题,在使用以前用起来非常方便的jq选择器时,竟然出错了. 还原当时的问题,id不是固定的,而是由两个字段动态拼接在一起的,主要目的是遍历数据的时候区分每一条数据. ...
- php中日期选择代码,实现JS日期时间选择器
这次给大家带来实现JS日期时间选择器,实现JS日期时间选择器的注意事项有哪些,下面就是实战案例,一起来看一下. flatpickr 是一个轻量级.注重精益.由 UX 驱动和可扩展的 JavaScrip ...
最新文章
- 【每日一念经】算法岗面经,一万字面试经验你确定不看?
- 为什么我参加了那么多学术会议依旧一无所获?
- 貌似长沙有个用膳吧外卖网
- JavaScript 复习之 Array 对象
- 【Python】统计字符串里某个字符或子字符串出现的次数
- linux history 看更多历史记录_Linux历史记录history常用技巧
- Nauuo and Circle
- com.microsoft.sqlserver.jdbc.SQLServerException: 索引 7 超出范围。
- 【R】语言第二课----- 变量的使用方法
- openstack私有云_OpenStack-下一代私有云的未来
- hexo next 主题安装 livere 评论插件
- HDU2179--pi(麦金公式)
- python word库_Python|利用第三方库编辑word的基本操作
- Windows开启卓越性能模式,一键睿频
- word审阅 去除word回车换行时出现的竖线的方法
- Element-UI Select 下拉框 根据汉字拼音过滤选择选项(使用filter-method,filterable属性)
- ESP8266-Arduino编程实例-TEMT6000环境光传感器驱动
- python好学吗-python容易学么
- python2 assert判断字典的包含关系
- 图片转成pdf的免费软件
热门文章
- linux kbengine 环境,KBEngine服务器环境搭建
- python实现胶囊网络_在TensorFlow中实现胶囊网络
- 浅谈 WebVR 全景
- 在项目开发中应该遵循的准则
- 讲的比较好的linux命令
- C#中接口和类的区别
- 【论文阅读】Embracing Domain Differences in Fake News: Cross-domain Fake News Detection using 多模态数据
- Nexus 5x在root过程中遇到的问题及解决方法
- 【生物医学】蛋白数据库UniProt综述及结构图谱
- Tor网络突破IP封锁,爬虫好搭档【入门手册】