这个jQuery选择器是什么：一个[@ rel * = lightbox]？

Question

我正在对某些逻辑进行一些重构，我遇到了这段代码，我仍在尝试理解它

  try {
   $('a[@rel*=lightbox]').lightBox(); 
  } catch (e) {}

我理解try catch部分，但这部分是什么

('a[@rel*=lightbox]')

Answer 1

这是一种旧的XPath方式，用在lightbox属性中找到rel的锚点。所以它会像下面的例子一样匹配一个锚......

<a href="http://example.com/image.jpg" alt="image" rel="external me lightbox">Link</a>

它已被弃用并从新版本的jQuery中删除。要使其与最新版本一起使用，只需删除@：

即可

$('a[rel*=lightbox]')

Answer 2

这是使用已弃用@（XPath）语法的Atrribute Contains selector。

Answer 3

有一种更好的方法来编写此选择器。

$('img[rel="lightbox"]')

这将选择任何具有“lightbox”关系的图像标签。你不应该做一个try语句，如果你已经正确地包含了所有脚本它应该可以正常工作。

Answer 4

选择属性rel

中包含灯箱的所有链接

Answer 5

它正在页面上寻找具有启动灯箱窗口链接的链接。