jquery里的正則表達(dá)式說明
更新時間：2011年08月03日 23:58:47 作者：
根據(jù)jquery的注釋，其是匹配HTML字符串和ID選擇器
// A simple way to check for HTML strings or ID strings
// (both of which we optimize for)
quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/
根據(jù)jquery的注釋，其是匹配HTML字符串和ID選擇器
一開始看這段正則表達(dá)式的時候，怎么匹配非<的0個或者多個，又匹配<，這樣到底是匹配<還是不匹配呢？而且html標(biāo)簽，不是應(yīng)該就直接匹配<嗎？
首先(?:pattern)匹配 pattern 但不獲取匹配結(jié)果，也就是說這是一個非獲取匹配，不進(jìn)行存儲供以后使用。而且其會匹配所有非括號里的內(nèi)容。
下面給個例子來說明
var quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/;
sss="jytjt<dd1></1>fefef"
match=quickExpr.exec(sss);
alert(match);
結(jié)果是jytjt<dd1></1>fefef=,<dd1></1>
可以看到exec返回的是一個數(shù)組，而且第二個字符串就是？：匹配掉<>外非<和非>的字符
在jquery中獲得結(jié)果的方法也是match[1]。所以這樣即使你給jquery的選擇器輸入了多余的html標(biāo)簽，它也可以篩選出正確的html標(biāo)簽來。同時這里的？：還會篩選掉#，所以會得到只有id名，沒有#號的id。
所以這段jquery正則表達(dá)式的意思就是，篩選html標(biāo)簽或者id選擇符
// (both of which we optimize for)
quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/
根據(jù)jquery的注釋，其是匹配HTML字符串和ID選擇器
一開始看這段正則表達(dá)式的時候，怎么匹配非<的0個或者多個，又匹配<，這樣到底是匹配<還是不匹配呢？而且html標(biāo)簽，不是應(yīng)該就直接匹配<嗎？
首先(?:pattern)匹配 pattern 但不獲取匹配結(jié)果，也就是說這是一個非獲取匹配，不進(jìn)行存儲供以后使用。而且其會匹配所有非括號里的內(nèi)容。
下面給個例子來說明
復(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返回的是一個數(shù)組，而且第二個字符串就是？：匹配掉<>外非<和非>的字符
在jquery中獲得結(jié)果的方法也是match[1]。所以這樣即使你給jquery的選擇器輸入了多余的html標(biāo)簽，它也可以篩選出正確的html標(biāo)簽來。同時這里的？：還會篩選掉#，所以會得到只有id名，沒有#號的id。
所以這段jquery正則表達(dá)式的意思就是，篩選html標(biāo)簽或者id選擇符
相關(guān)文章
jquery css實(shí)現(xiàn)郵箱自動補(bǔ)全
這篇文章主要為大家詳細(xì)介紹了jquery css實(shí)現(xiàn)郵箱自動補(bǔ)全功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
本篇文章主要介紹了jquery仿蘋果的時間/日期選擇效果的實(shí)例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
本文給大家分享的是使用javascript實(shí)現(xiàn)的七夕情人節(jié)丘比特射箭小游戲的代碼，并附上源碼下載，誰說程序猿就不懂得浪漫呢，小伙伴們感覺拿去獻(xiàn)寶吧（當(dāng)然了，首先你得有女票才行^_^）2015-08-08
jQuery的ajax中使用FormData實(shí)現(xiàn)頁面無刷新上傳功能
這篇主要寫如何利用ajax和FormData實(shí)現(xiàn)頁面無刷新的文件上傳效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。需要的的朋友參考下本文2017-01-01
jQuery+CSS 實(shí)現(xiàn)的超Sexy下拉菜單
早前發(fā)現(xiàn)了 Soh Tanaka 分享的非常 Sexy 的 Drop Down Menu w/ jQuery & CSS，稍作修改實(shí)現(xiàn)了多級下拉，并實(shí)現(xiàn)了 ASP.NET 中通過輸出 HTML 動態(tài)創(chuàng)建版本，有興趣的童鞋可以包裝成 Server Control。2010-01-01
jquery ajax實(shí)現(xiàn)下拉框三級無刷新聯(lián)動,且保存保持選中值狀態(tài)
jquery ajax實(shí)現(xiàn)下拉框三級無刷新聯(lián)動,且保存保持選中值狀態(tài)。需要的朋友可以過來參考下，希望對大家有所幫助2013-10-10
jQuery實(shí)現(xiàn)動態(tài)添加和刪除input框代碼實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動態(tài)添加和刪除input框，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
jQuery實(shí)現(xiàn)彈出窗口彈出div層的實(shí)例代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)彈出窗口彈出div層的實(shí)例代碼,點(diǎn)擊頁面的鏈接，彈出一個div層，同時頁面的其他部分變灰并且不能點(diǎn)擊,，具體實(shí)現(xiàn)代碼大家參考下本文吧2017-01-01
jQuery獲得頁面元素的絕對/相對位置即絕對X,Y坐標(biāo)
jQuery獲得頁面元素的絕對X,Y坐標(biāo)，可以用offset()方法，下面有個不錯的坐標(biāo)大家可以參考下2014-03-03
實(shí)例講解jQuery中對事件的命名空間的運(yùn)用
jQuery支持帶命名空間的事件,這樣就可以方便地對同一事件使用不同的監(jiān)聽器并進(jìn)行管理,接下來我們就以實(shí)例講解jQuery中對事件的命名空間的運(yùn)用2016-05-05