JavaScript: 指定されたタイプのセレクターを入力します (id、class、tagName などの 3 つの単純な CSS セレクターのみがサポートされます)

Question

1. JavaScript 関数を作成し、指定されたタイプのセレクターを入力します (id、class、tagName などの 3 つの単純な CSS セレクターのみがサポートされており、組み合わせられたセレクターと互換性がある必要はありません)

問題は、次の通常のマッチングが理解できないことです。 var reg = /^(#)?(.)?(w )$/img;var regResult = reg.exec(selector); 、詳細は以下の通りです

リーリー

Answer 1

/^(#)?(.)?(w+)$/img
分割 // は通常のコンテンツで、その後に通常のマッチング方法である img が続きます
i:ignorCase は大文字と小文字を無視します
m: multiple は複数行のマッチングを許可します
g:globle はグローバルマッチングを実行します。これはターゲットのマッチングを指します文字列エンディング

通常のコンテンツ: ^(#)?(.)?(w+)$ ^ は xxx で始まることを意味します $ は xxxx で終わることを意味します
(#) は付いても付けなくても構いません
(.) は付いても付けなくても構いません
(w+) は 1 つ以上の単語と一致します。

Answer 2

/^(#)?(.)?(w+)$/img

1. (#)?一致するID

2. (.)?クラス名と一致

3. (w+) 残りは [1,2] のタグ名または特定の ID またはクラス名名です

Answer 3

謝姚。

@trionfo1993を参照してください

Answer 4

私が書いた utils の dom フラグメントを差し上げます

リーリー