JQuery escapeSelector() 方法

jQuery 中的escapeSelector() 方法用于转义具有特殊重要字符或字符串的CSS 选择器。它可以选择 id(‘#ID1’, ‘#ID2’) 的元素和 class(‘.class1’, ‘.class2’) 的元素。让我们通过几个例子来理解它。

句法：

jQuery.escapeSelector( selector )

参数：此方法接受单个参数选择器，该选择器包含一个字符串，该字符串包含要转义的选择器表达式（例如“#ID1”等）。

示例 1：此示例选择class = ‘.list’ 的元素。

  

    
        jQuery escapeSelector() method
    
  
    
    
  
    
        li {
            width: 150px;
            margin: 0 auto;
        }
  
        .highlight {
            background-color: green;
        }
    

  

  
    
        GeeksForGeeks
    
  
    
  
    
        GFG_0
        GFG_1
        GFG_2
        GFG_3
        GFG_4
    
    
  
    
        Click here
    
      
    
  
    
        var elUp = document.getElementById("GFG_UP");
        var elDown = document.getElementById("GFG_DOWN");
  
        elUp.innerHTML = 
            "JQuery | escapeSelector() method";
  
        function Geeks() {
            $("ul").find("." + $.escapeSelector(
                        ".list")).addClass("highlight");
  
            elDown.innerHTML = "The list elements of class"
                    + " '.list' are highlighted not the "
                    + "elements of class 'list'";
        } 
    

  

输出：

示例 2：此示例选择ID = ‘#list’ 的元素。

  

    
        jQuery escapeSelector() method
    
  
    
    
  
    
        li {
            width: 150px;
            margin: 0 auto;
        }
  
        .highlight {
            background-color: green;
        }
    

  

  
    
        GeeksForGeeks
    
  
    
  
    
        GFG_0
        GFG_1
        GFG_2
        GFG_3
        GFG_4
    
    
  
    
        Click here
    
      
    
  
    
        var elUp = document.getElementById("GFG_UP");
        var elDown = document.getElementById("GFG_DOWN");
        elUp.innerHTML = 
            "JQuery | escapeSelector() method";
  
        function Geeks() {
            $("ul").find("#" + $.escapeSelector(
                    "#list")).addClass("highlight");
  
            elDown.innerHTML = "The list element of id"
                    + " '#list' is highlighted not the"
                    + " element of id 'list'";
        } 
    

  

输出：