1、？ 符 匹配其之前緊鄰的元素,不管該元素是否出現,都匹配成功！(注意該元素只能出現一次或者不出現都匹配成功)
現在來匹配color和colour，這兩個單詞都可以表示顏色的意思,他們的區別在於前面的單詞比后面的單詞多出一個u，那怎么通過一個正則匹配出這兩個單詞呢？代碼如下:
var str="color"; alert(str.match(/colou?r/)); //輸出:color str="colour"; alert(str.match(/colou?r/)); //輸出:colour
"?"元字符和之前介紹的元字符都不同,他只作用於之前緊鄰他的元字符,因此來解讀上面的正則colou?r的意思是:先是c,然后是o，然后是l,然后是o,然后是u?，緊接着是r;
u?是必然匹配成功的,有時他會匹配一個u，有時則不匹配任何字符，關鍵在於,無論u是否出現,匹配都是成功的;
下面來看一個例題：需要匹配7月6日的文本(July Sixth)的文本,其中月份可能寫作Jul或者July，日期可能寫成Sixth、6th、6。下面上代碼:
第一種方法:
var str="July 6th"; alert(str.match(/^(July|Jul).(sixth|6th|6)/)); //輸出:July 6th
第二種方法:
var str="July 6th"; alert(str.match(/^July?.(sixth|6(th)?)/)); //輸出:July 6th
顯然第二種方法更加的簡潔！而且第二種方法?和()括號的結合,使得可以匹配的范圍無限增大了,因為括號里面的表達式可以任意復雜。
2 * 符 匹配之前緊鄰的元素,不管該元素是否出現,都匹配成功!(緊鄰的元素可以出現任意多次,或者不出現)
與上面的?號相似*號也是作用於其之前緊鄰的元素,而且兩者都是不管前面緊鄰的元素是否出現都匹配成功!
但是兩者的不同點是:？匹配前面的元素,只出現一次或者不出現而*號匹配的前面的元素是出現多次或者不出現；
有如下代碼:
var doc="<h1 ></h1>";//h1標簽內有兩個空格 alert(doc.match(/<[Hh][1-6]\s*>/)); //輸出<h1 > \s代表空格
上面這段代碼的意思是允許h1與>之間存在任意多個空格,如果空格不出現,也不影響匹配的結果！
3 + 符 匹配之前緊鄰的元素,但是該元素必須出現一次或多次,否則匹配失敗！
與上面的*號類似,+號也是作用於其之前緊鄰的元素,但是與*號不同的是+號之前的元素必須出現一次,或則匹配失敗(兩者都包括匹配多次的情況)
接下來看<hr size=" 66 "> 這樣的html tag，在最后的尖括號之前可以出現任意多個空格,此外在等號兩邊也可以出現任意多個空格,