selector API level 2
1793 ワード
HTML 5の到来に対応するためには,要素の探索とマッチングが重要である.FFとsafariはまずmatchesSelectorメソッドを実現し,この機能はjQueryのisメソッドに相当する.これは事件代理店にとって大いに役立つに違いない.
matchesSelector by司徒正美
//http://dev.w3.org/2006/webapi/selectors-api2/#matchtesting
var el = document.getElementById("foo");
var method = el.matchesSelector || el.webkitMatchesSelector || el.mozMatchesSelector
if (method && method.call(el,"div")) {
alert(「この要素は指定されたセレクタに一致する」);
}
実行コード
<!doctype html>
<html>
<head>
<title>matchesSelector by </title>
<meta charset="utf-8"/>
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<meta name="keywords" content="matchesSelector by " />
<meta name="description" content="matchesSelector by " />
</head>
<body>
<div id="foo">matchesSelector!</div>
<script type="text/javascript">
//http://dev.w3.org/2006/webapi/selectors-api2/#matchtesting
var el = document.getElementById("foo");
var method = el.matchesSelector || el.webkitMatchesSelector || el.mozMatchesSelector
if (method && method.call(el,"div")) {
alert(" ");
}
</script>
</body>
</html>
matchesSelector!
//http://dev.w3.org/2006/webapi/selectors-api2/#matchtesting
var el = document.getElementById("foo");
var method = el.matchesSelector || el.webkitMatchesSelector || el.mozMatchesSelector
if (method && method.call(el,"div")) {
alert(「この要素は指定されたセレクタに一致する」);
}
実行コード