如何在 jQuery 模板中使用条件运算符？

在本文中，我们将学习使用三元或条件运算符 jQuery 。

三元或条件 运算符接受三个操作数，一个条件，后跟问号，后跟两个表达式，在两个表达式之间用分号 (:) 执行。

句法：

condition ? expression1 : expression2

示例：现在让我们尝试一个示例来了解如何在 jQuery 模板中使用条件运算符。

HTML

    

 

   GeeksforGeeks
   
        
Click the button to change the background color .
 
       Click me!
   
 
  
    function toggleColor(){
      tag = $('div');
      // Ternary Operator (add/remove background color)
      // If tag color is green convert it to red otherwise convert to green.
     tag.css('background') == 'green' ? tag.css({'background':'red'}) : tag.css({'background':'green'});
   }
 
    $('button').on('click', function(){
      toggleColor();
    });
    

输出：

三元运算符