如何在 jQuery 选择器中使用 JavaScript 变量？

在本文中，我们将讨论如何在 jQuery 选择器中使用 JavaScript 变量。在下面的例子中，可以看出我们使用了存储在 JavaScript 中的值，变量在 jQuery 选择器内部使用。

示例 1：可以应用串联技术以使用存储在 JavaScript 变量中的值。在下面的示例中，每当单击按钮时， 元素内的内容都会附加到

元素。然后我们将使用ready() 方法来帮助加载整个页面，然后执行其余代码。

  

  

    JavaScript variables in jQuery slectors
  
    
    

  

    
        
            Click Me
        
  
        
            
                A Computer Science Portal fo Geeks 
            
        
    
    
        $(document).ready(function() {
            $("#button").click(function() {
                var paraId = "firstpara";
                var spanId = "span";
                $("#" + paraId).append($("#" + spanId).html());
            });
        })
    

  

输出：

示例 2：以下示例更改按下链接时文本的颜色。在这个例子中， javascript:void(0);在 元素内使用。然后我们将使用ready() 方法帮助加载整个页面，然后执行其余代码。

  

    JavaScript variables in jQuery slectors
  
    
    

  

    
         
          Text:
           
        
        
  
        
          Change the color of Text 
        
    
    
        $(document).ready(function() {
  
            $("a").click(function() {
                var type = $("input").attr("type");
                var attribute = "color";
                var color = "green";
  
                $("input[type=" + type + "]")
                .css(attribute, color);
            });
        })
    

  

输出：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。