Uncaught Error: Syntax error, unrecognized expression: a[href^=#]エラーの解決方法！

2017年11月3日

jQueryでスムーススクロールを実装した際に、Uncaught Error: Syntax error, unrecognized expression: a[href^=#]というエラーがコンソールに表示されたことがあったので、その際の解決方法を下記に記載しておきます。

ちなみに、その際に使用したJQueryのバージョンはjQuery3.1.1でした。

スムーススクロール用のjQuery記述コード

$('a[href^=#]').click(function() {
var speed = 500;
var val = $(window).scrollTop();
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top - 30;
$('body,html').stop().animate({scrollTop:position}, speed, 'swing');
return false;
});