JavaScript中matches和match方法
matches
主要是用来判断当前DOW节点是否能完全匹配对应的CSS选择器,如果匹配成功,返回true,反之则返回false
语法如下:
element.mathces(seletor);
这个方法在我们做事件委托时就显得非常有用,示例代码如下:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div id="wrap"><a class="btn" href="http://www.baidu.com">点击连接</a><span class="btn">不可点击按钮</span></div><script>document.querySelector('#wrap').addEventListener('click', function (e) {if (e.target.matches('a.btn')) {e.preventDefault();console.log('a.btn'); }}, false);
</script>
</body>
</html>
match
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置
var str="Hello world!"
console.log(str.match("world"))
结果:
后记
本文个人学习总结,内容均来自网络,仅供学习。
JavaScript中matches和match方法相关推荐
- 区分JavaScript中slice与splice方法
区分JavaScript中slice与splice方法 slice()方法是从已有的数组中返回通过索引选定的元素. 语法:array.slice(startIndex,endIndex) 参数star ...
- 5种JavaScript中常用的排序方法
5种JavaScript中常用的排序方法 01.冒泡排序 通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...
- php中this的使用技巧,JavaScript中this关键字使用方法详解
JavaScript中this关键字使用方法详解 在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...
- JavaScript中遍历数组的方法
目录 JavaScript中遍历数组的方法 1.for 循环遍历 2.forEach 遍历 3.map 遍历 4.for...of 遍历 5.filter 遍历 6.some 遍历 7.keys,va ...
- html script 换行,JavaScript中实现换行的方法
JavaScript中实现换行的方法 发布时间:2021-03-15 10:55:53 来源:亿速云 阅读:122 作者:小新 小编给大家分享一下JavaScript中实现换行的方法,希望大家阅读完这 ...
- javascript中对象的assign()方法
javascript中对象的assign()方法 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象.它将返回目标对象. 语法: Object.assign( ...
- JavaScript中23个String方法(下)
简单介绍 JavaScript 中的String类型用于表示文本型的数据.它是由无符号整数值(16bit)作为元素而组成的集合.字符串中的每个元素在字符串中占据一个位置. 第一个元素的 index 值 ...
- JavaScript中search和match函数的区别
记得以前还在学校的时候,第一次接触 JavaScript 编程,算是第一种编程入门语言吧,总是分不清 search 和 match 这两个函数的区别,好不容易弄明白了,到了考试的时候又混淆了,唉!气. ...
- JavaScript中this关键字使用方法详解
在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScrip ...
最新文章
- bootstrap账号和文本框在同一行_实用小工具之整理行
- Python多线程之构建线程池
- c++ stack 遍历_python实现二叉树的遍历以及其他基本操作
- 【转】用Fiddler做抓包分析详解
- [Java基础]类和接口的关系
- pb9 调用系统语音_成都电销系统一个月多少钱_选择灵狐传媒_收费透明
- 基于tcp的协议需要设计数据校验码吗_C#与宇电温控表自定义协议通信实例
- 数据堂智能语音数据库,让客服更智能
- web性能压力测试工具http_load/webbench/ad
- dataset存入mysql_dataset保存到数据库
- gtp怎么安装系统_gpt分区怎么重装系统|GPT分区重装系统win10详细步骤
- CC1310架构及工作原理
- 腾讯课堂电脑版麦克风怎么打开
- 美国音乐学院计算机音乐专业排名2015年,美国音乐学院排名小提琴专业排名大全(本科)...
- C语言程序设计今天下雨了吗,C语言编程模拟下雨by张田浩
- 微信小程序设置背景图片
- 旧 Mac、PC 别扔,变身 Chromebook 了解一下
- STFT短时傅里叶变换的实现
- [Java|面试] 面试被问Java的动态代理机制,能说说吗
- 计算机类sci四大水刊,生信类文章可以投四大水刊吗