jquery里的正則表達(dá)式說(shuō)明
更新時(shí)間：2011年08月03日 23:58:47 作者：
根據(jù)jquery的注釋?zhuān)涫瞧ヅ銱TML字符串和ID選擇器
// A simple way to check for HTML strings or ID strings
// (both of which we optimize for)
quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/
根據(jù)jquery的注釋?zhuān)涫瞧ヅ銱TML字符串和ID選擇器
一開(kāi)始看這段正則表達(dá)式的時(shí)候，怎么匹配非<的0個(gè)或者多個(gè)，又匹配<，這樣到底是匹配<還是不匹配呢？而且html標(biāo)簽，不是應(yīng)該就直接匹配<嗎？
首先(?:pattern)匹配 pattern 但不獲取匹配結(jié)果，也就是說(shuō)這是一個(gè)非獲取匹配，不進(jìn)行存儲(chǔ)供以后使用。而且其會(huì)匹配所有非括號(hào)里的內(nèi)容。
下面給個(gè)例子來(lái)說(shuō)明
var quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/;
sss="jytjt<dd1></1>fefef"
match=quickExpr.exec(sss);
alert(match);
結(jié)果是jytjt<dd1></1>fefef=,<dd1></1>
可以看到exec返回的是一個(gè)數(shù)組，而且第二個(gè)字符串就是？：匹配掉<>外非<和非>的字符
在jquery中獲得結(jié)果的方法也是match[1]。所以這樣即使你給jquery的選擇器輸入了多余的html標(biāo)簽，它也可以篩選出正確的html標(biāo)簽來(lái)。同時(shí)這里的？：還會(huì)篩選掉#，所以會(huì)得到只有id名，沒(méi)有#號(hào)的id。
所以這段jquery正則表達(dá)式的意思就是，篩選html標(biāo)簽或者id選擇符
// (both of which we optimize for)
quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/
根據(jù)jquery的注釋?zhuān)涫瞧ヅ銱TML字符串和ID選擇器
一開(kāi)始看這段正則表達(dá)式的時(shí)候，怎么匹配非<的0個(gè)或者多個(gè)，又匹配<，這樣到底是匹配<還是不匹配呢？而且html標(biāo)簽，不是應(yīng)該就直接匹配<嗎？
首先(?:pattern)匹配 pattern 但不獲取匹配結(jié)果，也就是說(shuō)這是一個(gè)非獲取匹配，不進(jìn)行存儲(chǔ)供以后使用。而且其會(huì)匹配所有非括號(hào)里的內(nèi)容。
下面給個(gè)例子來(lái)說(shuō)明
復(fù)制代碼 代碼如下:
var quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/;
sss="jytjt<dd1></1>fefef"
match=quickExpr.exec(sss);
alert(match);
結(jié)果是jytjt<dd1></1>fefef=,<dd1></1>
可以看到exec返回的是一個(gè)數(shù)組，而且第二個(gè)字符串就是？：匹配掉<>外非<和非>的字符
在jquery中獲得結(jié)果的方法也是match[1]。所以這樣即使你給jquery的選擇器輸入了多余的html標(biāo)簽，它也可以篩選出正確的html標(biāo)簽來(lái)。同時(shí)這里的？：還會(huì)篩選掉#，所以會(huì)得到只有id名，沒(méi)有#號(hào)的id。
所以這段jquery正則表達(dá)式的意思就是，篩選html標(biāo)簽或者id選擇符
相關(guān)文章
jQuery中使用each處理json數(shù)據(jù)
這篇文章主要介紹了jQuery中使用each處理json數(shù)據(jù),非常簡(jiǎn)單實(shí)用，需要的朋友可以參考下2015-04-04
jQuery取得設(shè)置清空select選擇的文本與值
這篇文章主要介紹了jQuery如何取得設(shè)置清空select選擇的文本與值,下面有個(gè)不錯(cuò)的示例，需要的朋友可以參考下2014-07-07
淺談EasyUi ComBotree樹(shù)修改 父節(jié)點(diǎn)選擇的問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談EasyUi ComBotree樹(shù)修改 父節(jié)點(diǎn)選擇的問(wèn)題。2016-11-11
jQuery提供了強(qiáng)大的選擇器讓我們獲取對(duì)象。在這邊，我人為地將jQuery選擇器分為兩大部分：選擇對(duì)象和篩選條件。選擇對(duì)象表示要獲取什么對(duì)象，篩選條件是對(duì)獲取的對(duì)象進(jìn)行篩選，最終留下符合某些特征的對(duì)象2013-08-08
jQuery 的插件 dataTables 是一個(gè)優(yōu)秀的表格插件，提供了針對(duì)表格的排序、瀏覽器分頁(yè)、服務(wù)器分頁(yè)、篩選、格式化等功能。接下來(lái)通過(guò)本文給大家介紹jQuery插件datatables使用教程，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
從零開(kāi)始學(xué)習(xí)jQuery (五) jquery事件與事件對(duì)象
事件是腳本編程的靈魂. 所以本章內(nèi)容也是jQuery學(xué)習(xí)的重點(diǎn). 本文將對(duì)jQuery中的事件處理以及事件對(duì)象進(jìn)行詳細(xì)的講解.2011-02-02
jQuery制作導(dǎo)航，在網(wǎng)上可以搜到很多方法，但比較別致一點(diǎn)的就不多了，本文這個(gè)別致是指有陰影背景高亮模式窗口2014-04-04
這篇文章主要介紹了TinyMCE漢化及本地上傳圖片功能實(shí)例詳解的相關(guān)資料,由于我們下載下拉的是英文版，需要先漢化，比較簡(jiǎn)單，需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery自動(dòng)或手動(dòng)圖片切換效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
使用jQuery仿蘋(píng)果官網(wǎng)焦點(diǎn)圖特效
這篇文章主要介紹了使用jQuery仿蘋(píng)果官網(wǎng)焦點(diǎn)圖特效,非常的炫酷，需要的朋友可以參考下2014-12-12