Jquery 单击后检查元素

好,

我会尽我所能最清楚地解释我的问题

我需要更改我的网站上的某些元素的CSS，内置JQuery Mobile

假设我右键单击一个按钮，选择inspect元素，chrome打开调试器，我可以看到源代码。好的

但是现在让我们假设我想看到一个按钮的来源，当它被点击时

基本上，JQuery为一个按钮创建两个状态。比如说,

这是一个按钮

.ui-btn-up-c

还有这个，一个鼠标悬停的按钮

.ui-btn-hover-c 

现在，我在列表中有了可单击的元素。我可以执行一个inspect元素并更改CSS，但是当我单击时，不知何故会有另一个类，默认的CSS会应用。见图：

tl/dr基本上，我很难清楚地解释我的问题，但我试图在单击某个元素时检查该元素

---

请告诉我，如果在投票前还不清楚，谢谢

尝试创建一个执行$（button）.addClass（“.ui-btn-hover-c”）的函数，并在控制台中运行它

---

或者，对于一个更简单的选项，您可以在Chrome的inspector中手动添加类，只需在inspector中编辑代码本身。

这可以作为书签运行，以允许您获取按钮状态的快照：

javascript:$（'：button'）。单击（function（）{console.dir（This）}）；无效（0）

如果按钮是一个提交按钮，您可以在

console.dir

之后添加

return false

，以防止表单提交。您可以尝试添加一个www.jsfiddle.net示例来显示问题，正如我在firebug中所知，当你检查一个元素时，你可以看到当你把鼠标放在项目上或点击项目时状态的变化，也就是说，你可以看到jquery addClass（“overstate”），不知道chromes调试器对这个东西有多好，但是你可以得到一个chrome的firebug lite？接受的答案，因为只有一个不是注释；）