<!DOCTYPE html>
<html lang="en">
<head>
<title>
</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
</head>
<body>
<button value="">Button 1</button>
<button value="">Button 2</button>
<button value="">Button 3</button>
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript" src="js/custom.js" ></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
下面是custom.js中的代码
$(':button').on('click',function(){
alert('Hello');
});
Run Code Online (Sandbox Code Playgroud)
当我将custom.js中的代码更改为
$('button').on('click',function(){
alert('Hello');
});
Run Code Online (Sandbox Code Playgroud)
他们这样做是点击显示警报同样的工作,但我想知道的区别'button'和':button'
仅使用button将仅选择<button></button>元素,而:button将选择<button></button>和<input type="button" />
有关更多信息,请参阅https://api.jquery.com/button-selector/.
| 归档时间: |
|
| 查看次数: |
132 次 |
| 最近记录: |