escape在css中如何使用

本篇內(nèi)容主要講解“escape在css中如何使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“escape在css中如何使用”吧!

escape在css中的使用語法是“escapedStr = CSS.escape(str);”；“CSS.escape()”靜態(tài)方法返回DOMString包含作為參數(shù)傳遞的轉(zhuǎn)義字符串，主要用作CSS選擇器的一部分；其使用示例如“document.querySelector('#' + CSS.escape(id) + ' > img');”。

CSS.escape() 靜態(tài)方法返回 DOMString 包含作為參數(shù)傳遞的轉(zhuǎn)義字符串，主要用作 CSS 選擇器的一部分。

語法

escapedStr = CSS.escape(str);

參數(shù)

str：The DOMString to be escaped.

實(shí)例

基本結(jié)果

CSS.escape(".foo#bar")        // "\.foo\#bar"
CSS.escape("()[]{}")          // "\(\)\[\]\{\}"
CSS.escape('--a')             // "--a"
CSS.escape(0)                 // "\30 ",  Unicode 代碼點(diǎn)“0”是 30
CSS.escape('\0')              // "\ufffd",  Unicode 替換字符

在上下文使用

要轉(zhuǎn)義一個字符串作為選擇器使用， escape()方法可以用于：

var element = document.querySelector('#' + CSS.escape(id) + ' > img');

escape()方法也可以用于轉(zhuǎn)義字符串，它也轉(zhuǎn)義了不嚴(yán)格需要轉(zhuǎn)義的字符：

var element = document.querySelector('a[href="#' + CSS.escape(fragment) + '"]');

到此，相信大家對“escape在css中如何使用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！