Javascript - `$（" a href * = 'video'] "）の意味

Question

私は自分自身にこの$("a[href*='video']")行を説明することができないこのコード行を持っています。あまりにも多くの謎があります。

$("a[href*='video']").click(function() { 
    var id = $(this).attr("href"); 
    playVideo(id); 
}); 

function playVideo(id) { 
    var $video = $(id + " video")[0]; 
    $video.play(); 

    $(".close").click(function() { 
     $video.pause(); 
     $video.currentTime = 0; 
    }); 
} 

Answer 1

$("a[href*='video']")

それはjQueryのattribute contains selectorです。これにより、すべてのリンク<a>の要素のうち、hrefのvideoがリンクに含まれているArrayが返されます。このリンクのような

<a href="http://google.com/video/abc">

がURLで動画が含まれている...そう、それが選択されます。

Answer 2

このセレクタは、最初にすべてのアンカーを対象とするもので、ブラケット表記はこれらの要素の属性を対象としています。このクラス可能性があり、ID、値、HREFなど

*あなたは、ドキュメント内のすべてのものをターゲットにしている*ターゲット場合は、ワイルドカードセレクタ

です。このコンテキスト内では、hrefに文字列 'video'が含まれるすべてのアンカーを対象としています。

構文は狂っていますが、意味があります。これは、サイト内のすべての動画リンクを簡単にターゲットにする方法です。