报错
在Chrome 控制台调试的时候,我使用$选取页面元素,调用方法时报错
> $("title").find() VM116:1 Uncaught TypeError: $(...).find is not a function at <anonymous>:1:12
解决
根据jQuery的教程,我使用别名发现没有定义,明明$ 可用
>jQuery jQuery is not defined
后来看了别的文章才知道,控制台也提供了一个 $ 作为 document.querySelector()方法的简写…
千万只草泥马奔腾而过,$作为jQuery通用的标识符,竟然被控制台控制了!
引入jQuery之后就可用了
var hm = document.createElement("script"); hm.src = "https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);
总结
jQuery没有引入和引入的差别:
// 没有引入jQuery 是控制台提供的接口 相当于:document.querySelector() >$ ƒ $(selector, [startNode]) { [Command Line API] } // 引入jQuery之后 >$ ƒ (e,t){return new k.fn.init(e,t)}
最好直接使用jQuery测试,这样会有明显的提示
>jQuery jQuery is not defined