使用jQuery注释页面链接

Question

我正在做Joe Marini的Lynda.com jQuery Essential Training。第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的早期版本以来它是否已经改变了？感谢

Answer 1

您可能需要使用两个反斜杠\\

来转义点

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

来自official docs

  

使用任何元字符（例如！“＃$％＆amp;'（）* +，。/：;＆lt; =＆gt;？@ [] ^`{|}〜）作为文字作为名称的一部分，必须使用两个反斜杠进行转义：\。例​​如，id =“foo.bar”的元素，可以使用选择器$（“＃foo \\。bar”）

修改

在.pdf附近添加引号也会起作用@Cherniv和@zzzzBov指出

Answer 2

或者只用一个引号包装此.pdf：

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

工作：http://jsfiddle.net/RFD6h/

Answer 3

应该是：

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

Answer 4

需要引用选择器：

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

docs：

  

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