主要是用来判断当前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() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置
var str="Hello world!"
console.log(str.match("world"))结果：
本文个人学习总结，内容均来自网络，仅供学习。