<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="box">1</div>
<div id="box">2 </div>
<style type="text/css" media="screen">
div[id='box']{
width:200px;
height: 300px;
border: 1px solid red;
}
</style>
<script>
var s = document.getElementsByTagName("div");
console.log(s[1]);
console.log("=============================");
var s2 = $("div[id='box']");
console.log(s2[1]);
</script>
</body>
</html>