<!DOCTYPE html>
<html>
<head>
<style>
p { color:red; text-align:center; cursor:pointer;
font-weight:bolder; width:300px; }</style>
<script src="http://code.jquery.com/jquery...
</head>
<body>
< ;p>Click here</p>
<p>to iterate through</p>
<p>these ps.</p>
#<script>
$(document.body).click(function () {
$( "p" ).each(function (i) {
if ( this.style.color != "blue" ) {
this.style.color = "blue";
} else {
this.style.color = "";
}
});
});</script>
</body>
</html>
程式碼中的this.style.color應該是取得不到值吧？因為取得不到style標籤內的樣式，但是程式是正常運作變色，能解釋一下是為什麼嗎？
https://developer.mozilla.org...
this.style.color 是空字串，滿足下面的條件
所以點擊還是會變色
在沒有使用DOM物件進行
style設定的時候，this.style.color的值應該是空字串：""，所以this.style.color != "blue"這個表達式的值應該是true。