jQuery的if語(yǔ)句可以在特定條件下執(zhí)行相應(yīng)的代碼塊。語(yǔ)法格式如下:
if (condition) { // code to be executed if condition is true }
其中,condition是要測(cè)試的條件,如果條件為true則執(zhí)行代碼塊中的語(yǔ)句,否則跳過(guò)這個(gè)代碼塊。下面是一個(gè)例子:
if ($("p").hasClass("highlight")) { $("p").css("color", "red"); }
上面的代碼的意思是:如果頁(yè)面中有帶有class為highlight的p元素,則將它的文字顏色設(shè)置為紅色。這里的條件是$("p").hasClass("highlight"),判斷是否有p元素帶有highlight類。如果條件成立,則執(zhí)行代碼塊中的$("p").css("color", "red");語(yǔ)句。
如果需要在條件不成立時(shí)執(zhí)行代碼塊,則需在if語(yǔ)句后面加上else語(yǔ)句。語(yǔ)法格式如下:
if (condition) { // code to be executed if condition is true } else { // code to be executed if condition is false }
下面是一個(gè)例子:
if ($("p").hasClass("highlight")) { $("p").css("color", "red"); } else { $("p").css("color", "blue"); }
這里的代碼意思是:如果頁(yè)面中有帶有class為highlight的p元素,則將它的文字顏色設(shè)置為紅色;否則將文字顏色設(shè)置為藍(lán)色。
除了基本的if語(yǔ)句外,jQuery還提供了其他的條件語(yǔ)句,如if...else if...else、switch、ternary等等。通過(guò)熟練掌握這些語(yǔ)句,可以更加靈活地處理頁(yè)面中的邏輯判斷。