当 ID 包含点字符时，如何在 jQuery 中使用 ID 选择 html 元素？

任务是当 ID 本身包含DOT (‘ . ‘) 时，使用 jQuery 通过 ID 选择 HTML 元素/节点。不仅点（.）还有许多其他元字符，例如! " # $ % & ' ( ) * + , . / : ; < = > ? @ [ \ ] ^ ` { | } ~可以通过这个程序来选择。

句法：

$('#ID_PREFIX\\.ID_SUFFIX')

方法：为了通过 ID 选择 HTML 元素，我们只需要使用双斜杠（’ \\ ‘）对其进行转义。

示例 1：在此示例中，我们将使用 jQuery 更改标题元素的颜色。

  

    
        How to select html element using ID in
        jQuery when ID contains a dot character ?
    
      
    
    

  

      
    
    
        GeeksforGeeks
    
          
    
        A Computer Science
        portal for Geeks
    
    
          
    
        Select html nodes by ID with jQuery
        when the id contains a dot
    
          
    
        Click!
    
      
    
        $('button').click(function() {
  
            // Selecting ID containing a
            // DOT by escaping using '\\'
            $('#Geeks\\.Head').css({
                'color': 'black'
            });
        });
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：在本示例中，我们将选择一个 ID 包含多个点的元素，并更改其背景颜色以及标题。

  

    
        How to select html element using ID in
        jQuery when ID contains a dot character ?
    
      
    
    

  


    
          
        
        
            GeeksforGeeks
        
          
        
            A Computer Science
            portal for Geeks
        
        
          
        
            Select html nodes by ID with jQuery
            when the id contains a dot
        
          
        
            Click!
        
    
      
    
        $('button').click(function() {
          
            // Selecting ID containing a
            // DOT by escaping using '\\'
            $('#Geeks\\.Head').css({
                'color': 'purple'
            });
          
            // Selecting ID containing
            // multiple DOTs
            $('#Main\\.\\.Body').css({
                'background-color': 'Yellow'
            });
        });
    

  

输出 2：

• 点击按钮前：
  
• 点击按钮后：