Regular Expression的初步學習

^ Start of String,or start of line in multi-line pattern  php

$ End of string,or end of line of line in multi-line pattern css

. Any character except new line 任何字符html

\w  word 字母
jquery

\d digit 數字git

* 0 or more 正則表達式

{3} Exactly3sql

其實更多的能夠去查對照手冊,此處暫時寫出今天練習用到的部分bootstrap

例1:app

<a target="_top" href="tag_comment.asp" class="menu_tag_comment">ABC</a>
<a target="_top" href="tag_doctype.asp" class="menu_tag_doctype">ABC</a>
<a target="_top" href="tag_a.asp" class="menu_tag_a">ABC</a>
<a target="_top" href="tag_abbr.asp" class="menu_tag_abbr">ABC</a>
<a target="_top" href="tag_acronym.asp" class="menu_tag_acronym">ABC</a>
<a target="_top" href="tag_address.asp" class="menu_tag_address">ABC</a>
<a target="_top" href="tag_applet.asp" class="menu_tag_applet">ABC</a>
<a target="_top" href="tag_area.asp" class="menu_tag_area">ABC</a>
<a target="_top" href="tag_article.asp" class="menu_tag_article">ABC</a>

ABC處爲我替換後的內容,若是我想要查到全部的ABC(固然這裏之前是各類不一樣的內容),那麼我能夠用如下正則表達式:spa

 ^(<a.*">)(.*)(</a>)$

字符以<a 開頭 ,.* 匹配其中全部的字符部分,也就是

 target="_top" href="tag_comment.asp" class="menu_tag_comment

這部份內容,固然每一行都不同,其中第一個是空格,也算在其中,最後以" 引號結束,表示的是comment 後面的引號。其實就至關於.* 替換了<a 這裏 ">   "這裏"的全部內容。

接下來的.* 部分就是我替換成ABC的部分,後面的</a>就不用解釋了,最後以$結束。

我把它們括起來,其中$1 表示第一部分,也就是(<a.*">),第二部分$2表示(.*),第三部分$3表示(</a>)

替換的時候能夠表示爲$1ABC$2,這樣就是把第二部分替換成ABC了。

例2

   <div class="row">
              <div class="col-lg-3 col-md-3 col-sm-6">
                <div class="top10">
                  <h3>Top 10 Tutorials</h3>
                  <a href="/html/default.asp">HTML Tutorial</a><br>
                  <a href="/css/default.asp">CSS Tutorial</a><br>
                  <a href="/js/default.asp">JavaScript Tutorial</a><br>
                  <a href="/sql/default.asp">SQL Tutorial</a><br>
                  <a href="/php/default.asp">PHP Tutorial</a><br>
                  <a href="/jquery/default.asp">jQuery Tutorial</a><br>
                  <a href="/bootstrap/default.asp">Bootstrap Tutorial</a><br>
                  <a href="/angular/default.asp">Angular Tutorial</a><br>
                  <a href="/aspnet/default.asp">ASP.NET Tutorial</a><br>
                  <a href="/xml/default.asp">XML Tutorial</a><br>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-6">

我想要找到全部的col-lg-3或者col-md-3 或者col-sm-6 ,很顯然重合的部分只有col-

因此咱們只須要用到\w替換字母,\d替換數字,(畢竟.是全部的都匹配,可能會存在一些未知的風險)

那麼爲了找到這些元素,我能夠寫成如下形式:

col-\w\w-\d

固然若是我這裏只打算用一個\w表示,那麼能夠寫成:

col-\w{2}-\d

這樣就能夠了。

相關文章
相關標籤/搜索