低级错误,未引入jquery.js

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.4.1.min.js"></script>
<script>
 $(document).ready(function(){
     $("#verifyButton").click(function(){
         var carname="Volvo";
          document.getElementById("demo").innerHTML=carname;
          });
          });
</script>
</head>

<body>
    <p id="demo">Hello World!</p>
    <button type="button" id="verifyButton">点击这里</button>
</body>
</html>
之前还一直以为这种方法有问题,原来是未引入jquery-1.4.1.min.js脚本文件

教训:不要忽视细节,仔细学习W3School的源码和交互过程

或者采用另外一种方式:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>

<body>
<h1 id="h01"></h1>
</body>
</html>

时间: 2024-10-04 10:26:11

低级错误,未引入jquery.js的相关文章

JS文件中加载jquery.js

原文链接:http://blog.csdn.net/whatday/article/details/39553451 最近有一个需求: 1.在一个html中只能引入一个JS文件 不能有JS代码和其他JS文件的引入 2.这个JS文件中 还要引入其他的JS文件 3.所有JS功能都写在这个JS文件中 这些代码用到了jQuery相关的东东 所以这里第一个需要解决的就是怎么引入jquery.js 在网上搜索了很多方法都不太实用,由于我自己离开WEB多年 最后向朋友询问得到以下代码 1.js [javasc

JQuery中关于jquery.js与jquery.min.js的比较探讨

jquery-1.4.2.min.js是优化的,而query-1.4.2.js是易于开发着阅读的. 刚刚开始接触JQuery的时候,下载来的文件包括jquery.vsdoc.js, jquery.min.js和jquery.js 对于各个文件的作用以及该引入哪个包不是很清楚.有时候引入jquery.min.js能够执行,有时候引入jquery.js也能执行.现在做一下简单 的说明. 两个文件的作用是完全一样的,但从文件或上来看我们知道jquery.min.js应该是迷你版的意思,也就是文件会很小

prototype.js 和 jQuery.js中 ajax 的使用

这次还是prototype.js 和 jQuery.js冲突的问题,前面说到过解决办法http://www.cnblogs.com/Joanna-Yan/p/4836252.html,以及上网说的大部分方法都只能解决$的冲突问题.我先引入了prototype.js 再引入jQuery.js,在用了jquery中的$,然后来用prototype中的ajax的时候,ajax的方法就不启作用了. 最后改为了用 jQuery.js中 ajax .现在记录下两者ajax调用的区分: <%@ page la

在Vue.js中引入jQuery的方法:

步骤一:首先先下载jQuery包 cnpm i jquery -D // 下载 jQuery包 步骤二:在webpack.config.js中配置jquery插件 步骤三:在要使用jQuery的组件页面引入jQuery import $ from 'jquery' //引入jquery

JQuery Easyui引入easyui-lang-zh_CN.js后出现乱码的问题解决方法

最近使用Easyui做项目,发现引入easyui-lang-zh_CN.js单元后页面会出现乱码,无论设置<meta>.还是Response都不能解决问题.用记事本打开easyui-lang-zh_CN.js文件,里面的内容也是正常的啊,而且文件格式也是UTF8的.这个问题一度困扰了我很长时间. 后来一次无意中用eclips打开easyui-lang-zh_CN.js文件,发现里面的中文部分全部是乱码,这才明白,原来是这个文件本身有问题,于是用记事本打开这个文件,重新复制粘贴到eclips中再

eclipse引入jquery文件报错解决

以下内容是小编给大家带来的关于Eclipse引入jquery报错如何解决的全部叙述,具体内容如下所示: 第一步: 去除eclipse的JS验证: 将windows->preference->Java Script->Validator->Errors/Warnings-> Enable Javascript Sematic validation前面的勾去掉; 第二步: 右键项目 -> properties -> Builders 去掉JavaScript Vali

在vue项目中正确的引入jquery

<script>标签引入jquery在vue脚手架里并不适用,需要利用webpack引入jquery 第一种方法 1:因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery 打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改. dependencies:{ "jquery":"^2.2.3" } 然后在命令行中cnpm install install jquery --save-dev

jquery.js和jquery.min.js的区别和springboot整合echarts.min.js

1.区别:jquery官网提供2种jQuery的下载,一种是jquery.js另一种是jquery.min.js文件名不一定完全相同,但通常情况下:jquery.js是完整的未压缩的jQuery库,文件比较大,一般用于阅读学习源码或修改源码,一般不用于线上项目.jquery.min.js是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符.注释.空行等与逻辑无关的内容删除,并进行一些优化.这个版本一般用于网站引用使用,减小文件体积,降低网站流量,提升访问速度

外引js — 先引入cdn,cdn失效时引入本地js

参考:http://www.tianshan277.com/563.html 效果: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js加载</title> <script> function errorload(elem) { //cdn错误 if (elem.getAttri