使用 jQuery 注释页面链接答案

【问题标题】：Annotating page links with jQuery使用 jQuery 注释页面链接
【发布时间】：2013-08-13 19:51:40
【问题描述】：

我正在做 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] 抱歉，无法发布课程的屏幕截图。还没有声望。

我只是输入错误吗？或者，自从本课是使用 jquery 和早期版本完成后，它是否会发生变化？谢谢

【问题讨论】：

标签： jquery

【解决方案1】：

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

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

使用任何元字符（例如 !"#$%&'()*+,./:;?@[]^`{|}~ ）作为 a 的文字部分名称，必须用两个反斜杠转义：\。例如，id="foo.bar" 的元素，可以使用选择器 $("#foo\\.bar")

编辑

正如@Cherniv 和@zzzzBov 指出的那样，在.pdf 周围添加引号也会起作用

【讨论】：

【解决方案2】：

或者只是将这个.pdf 用单引号括起来：

 $("a[href$='.pdf']").after("<img src=’images/small_pdf_icon.gif’ align=’absbottom’ />");

【讨论】：

【解决方案3】：

应该是：

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

【讨论】：

【解决方案4】：

选择器需要被引用：

$('a[href$=".pdf"]');

value：一个属性值。可以是不带引号的单个单词或带引号的字符串。

【讨论】：