在使用jQuery操作CSS樣式的時候,如何判斷當前元素是否存在某個CSS屬性呢?我們可以使用jQuery的css()方法和偽選擇器:
// 判斷元素是否存在color屬性 if ($("selector").css("color") !== undefined) { console.log("該元素存在color屬性"); } else { console.log("該元素不存在color屬性"); }
上述代碼,我們使用css()方法獲取元素的color屬性值,如果該屬性值不為undefined,說明該元素存在color屬性。反之則不存在。
除了css()方法,我們還可以使用偽選擇器“:visible”、“:hidden”來判斷元素的可見性:
// 判斷元素是否可見 if ($("selector:visible").length >0) { console.log("該元素可見"); } else { console.log("該元素隱藏"); }
通過判斷元素是否存在指定CSS屬性或者判斷元素的可見性,我們可以更加方便地進行后續的樣式操作。
上一篇css在每行之間加分割線
下一篇jq改css高度