在 jQuery 中,if 判断语句可以用来检查某个元素是否具有某个样式,并根据判断结果来执行相应的操作。
if($('div').css('color') == 'red'){ // 如果 div 元素的颜色是红色 $('div').fadeOut(1000); // 则让 div 元素淡出 } else { // 如果 div 元素的颜色不是红色 $('div').fadeIn(1000); // 则让 div 元素淡入 }
上面的代码中,首先通过 jQuery 选择器选中了一个 div 元素,然后使用 .css('color') 方法获取了该元素的颜色。如果颜色是红色,就执行淡出操作;如果不是红色,就执行淡入操作。
还可以在 if 判断语句中使用多种条件来检查一个元素是否具有多个样式:
if($('span').css('font-size') == '14px' && $('span').css('color') == 'blue'){ // 如果 span 元素的字体大小是 14px,颜色是蓝色 $('span').text('Hello World!'); // 则将 span 元素的文本修改为 "Hello World!" } else { // 否则,什么也不做 console.log('元素样式不符合条件!'); }
上面的代码中,使用 && 连接了两个条件,只有当两个条件都为 true 的时候才会执行文本修改操作。