Question

$('[role="button"]').click(function () {
            myMethod();
        });

我知道点击它调用myMethod()的内容，但点击了什么？

role是什么意思？

这是按钮吗？

<input type="button" ... />

什么是：[role="button"]？

Answer 1

它是attribute equals选择器。 $('[role="button"]')会选择属性role设置为button的所有元素。

例如：
当您执行$('[role="button"]')

时，将选择全部以下三个

<div role="button" ></div>
<p role="button" ></p>
<button role="button"></button>

但这不会

<input type="button">

Answer 2

具有属性角色的选择器，其值为按钮

$('[role="button"]')  ; // It is not the button in context

//

<input role="button" ... />  // this is selected
    <input type="button" ... />  // Not this
    <input role="button" ... />  // this is selected

Answer 3

选择器正在选择等于role的{{1}}属性。

Answer 4

属性等于选择器