jquery - 使用 jQuery 注释页面链接

Question

我正在接受 Joe Marini 举办的 Lynda.com jQuery 基本培训。第 2 章，注释页面链接的实际示例。这是为了在任何 .pdf 文件的页面链接旁边添加一个小图标 gif。我正在使用 jquery-1.10.2.min.js。按照说明，我输入的代码是:

$(“document”).ready(function() {
        $(“a[href$=.pdf]”).after(“<img src=’images/small_pdf_icon.gif’ align=’absbottom’ />”);
});

在 Chrome 的 java 控制台中返回此错误: 未捕获错误:语法错误，无法识别的表达式:a[href$=.pdf] 抱歉，无法发布类(class)的屏幕截图。还没有声誉。

我只是输入错误吗？或者自从本课是使用 jquery 的早期版本制作以来，它是否可能发生了变化？谢谢

Answer 1

您可能需要使用两个反斜杠来转义点 \\

选择器将是$(“a[href$=\\.pdf]”)

来自official docs

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \. For example, an element with id="foo.bar", can use the selector $("#foo\\.bar")

编辑

在 .pdf 周围添加引号也可以，正如 @Cherniv 和 @zzzzBov 指出的那样