2016-11-28 76 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