FAQ: Escape forwards slashes and point to jQuery.escapeSelector

schlimmchen · Krinkle · web-flow · commit 786fac3efe5e · 2024-04-12T18:42:47.000+01:00
Closes #765. Co-authored-by: Timo Tijhof <krinkle@fastmail.com>
diff --git a/page/using-jquery-core/faq/how-do-i-select-an-element-by-an-id-that-has-characters-used-in-css-notation.md b/page/using-jquery-core/faq/how-do-i-select-an-element-by-an-id-that-has-characters-used-in-css-notation.md
@@ -2,9 +2,7 @@
 	"title": "How do I select an element by an ID that has characters used in CSS notation?"
 }</script>
 
-Because jQuery uses CSS syntax for selecting elements, some characters are interpreted as CSS notation. In order to tell jQuery to treat these characters literally rather than as CSS notation, they must be escaped by placing two backslashes in front of them.
-
-See the [Selector documentation](http://api.jquery.com/category/selectors/) for further details.
+Because jQuery uses CSS syntax for selecting elements, some characters are interpreted as CSS notation. In order to tell jQuery to treat these characters literally rather than as CSS notation, they must be escaped by placing two backslashes in front of them. See the [Selector documentation](http://api.jquery.com/category/selectors/) for further details.
 
 ```
 // Does not work:
@@ -20,18 +18,20 @@ $( "#some.id" )
 $( "#some\\.id" )
 ```
 
-The following function takes care of escaping these characters and places a "#" at the beginning of the ID string:
+On jQuery version 3.0 or later, the function [jQuery.escapeSelector()](https://api.jquery.com/jQuery.escapeSelector/) should be used to escape such selectors.
+
+Otherwise, the following function takes care of escaping these characters and places a "#" at the beginning of the ID string for convenience:
 
 ```
-function jq( myid ) {
+function escapeSelector( myid ) {
 
-	return "#" + myid.replace( /(:|\.|\[|\]|,|=|@)/g, "\\$1" );
+	return "#" + myid.replace( /(\/|:|\.|\[|\]|,|=|@)/g, "\\$1" );
 
 }
 ```
 
 The function can be used like so:
 
 ```
-$( jq( "some.id" ) )
+$( escapeSelector( "some.id" ) )
 ```
