javascript - 如何单击基于 ref 属性的按钮？

Question

使用jquery可以根据class和id属性点击但是可以根据ref属性调用点击吗？

我的以下代码基于 ref="btFirst"，但不确定如何访问 ref。

JSFiddle来源:

<button class="ag-paging-button" onclick="alert('Hello world!')" ref="btFirst" data-vivaldi-spatnav-clickable="1">First</button>

$( ".btFirst" ).click(function() {
  alert( "Handler for .click() called." );
});

Answer 1

使用 CSS 属性选择器(漂亮而彻底的 CSS 技巧 reference):

$('[ref="btFirst"]').on("click", function(e) {
  alert( "Handler for .click() called." );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button ref="btFirst">Click me</button>