如何查询属性名称以"@"开头的CSS选择器？

Question

我使用$('div[@click="login()"]')来选择

<div @click="login()"> Login </div>

但是它给出

VM353:1 Uncaught DOMException: Failed to execute '$' on 'CommandLineAPI': 'div[@click="login()"]' is not a valid selector.
at <anonymous>:1:1

正确的方法是什么?

Answer 1

这是无效的HTML。

你评论了另一个答案，链接到"这个"，"这个"one_answers"这个"。这些都是关于vue.js的问题，vue.js是一种可以编译成HTML的模板语言。其他模板语言包括EJS、Pug、Handlebars、React和Angular。

如果你真的在你的项目中使用vue.js，你应该在这个问题和未来的问题中添加vue.js标签。

@click属性只对Vue有意义，它不会出现在网页上的实际HTML中。Vue可能会将其转换为onclick处理程序，因此您可以尝试使用$('div[onclick="login()"]')，这可能会返回您想要的元素。

否则，也给你的div一个id:

<div id="login-button" @click="login()"> Login </div>

选择id:$('#login-button')