2016-11-28 48 views
0

这是一个简单的,我敢肯定,但我找不到任何搜索或谷歌。我怎样才能证明我的课程有效?

如果我使用

document.getElementById(someId).className += " whateverClass"; 

$('#').addClass('whateverClass'); 

我怎么能证明这一点在控制台?通过使用.hasClass()(这样我才知道这一步工作正常)jQuery中

+0

最简单的方法是检查DOM中的元素。或者可能为'.whateverClass'添加一个非常独特的样式。或者用jQuery'$('#yourId.whateverClass')。length> 0' – smoksnes

回答

2

很容易:

console.log($('#someId').hasClass('whateverClass')); 

你可以在你的代码或在浏览器控制台本身执行此。

+1

我一直忘记我可以在控制台内部使用东西。谢谢! – Ryan

+1

谢天谢地,如果控制台中有很多事情要做,你可以使用多个参数。 'console.log(“这是我的调试语句!”,$('#someId')。hasClass('whateverClass'));' –

1

您可以检查检查员(右键单击 - >检查元素)并查看元素是否添加了类,或者您可以在控制台中执行$("#selector")并检查返回的属性。

如果做不到这一点,做的CSS类的东西,将直观地确认它已被添加(粗体字,红色边框,大写字母等。)

1

在JavaScript中,rightwa是

var el=document.getElementById(id); 
el.classList.add("your-class"); 

document.getElementById(someId).className += " whateverClass"; 

在jQuery中,您可以通过simpily

实现这一目标
$("#"+id).addClass("your-class"); 

您可以检查类是否存在或不存在

jQuery的警报($( '#' + id)的.hasClass( '你的类'))

+0

为什么会这样? (我不相信你 - 我只是想知道理由是什么) – Ryan