target="_blank" 属性の付いた a 要素に、セキュリティー対策として rel="noopener" 属性と新しいウィンドウで開くアイコンを動的に追加する。
デモページを表示
CSS
補足
- 動的に追加する「新しいウィンドウで開く」アイコンのスタイルを設定
- レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。
jQuery
補足
- 4行目：rel 属性を設定し、i 要素でアイコンを追加している。
- デモページで使用している jQuery のバージョンは 1.12.4 。
HTML
補足
- target="_blank" 属性が付いた a 要素が対象となる。特にHTML側で必要な設定はない。