`
sunqing0316
  • 浏览: 41973 次
  • 性别: Icon_minigender_2
文章分类
社区版块
存档分类
最新评论

在html文件中引用JQuery函数库

 
阅读更多

刚接触JQuery,跟着视频敲例子,但是只有css的效果可以显示,Js文件中的操作根本就没有反应。第一次修改,将js文件重新审视了一遍,将错误的地方改正过来;第二次将js的引用路径改了一下,依然不起作用;第三次让别人帮忙调,没有结果;第四次小新师父帮忙调,这个过程让我很受益。

首先,他在firefox中使用firebug辅助调试,我也用过,但真心不知道该怎么用,小新师父只用了一个地方,就把我的问题找出来了。

就是使用了firebug中的控制台。

这个错误的意思就是$符号没有定义,这就说明我没有引用JQery函数库,但是我明明引用了为什么说我没有引用呢?但是我是如何引用的呢?

<script language="javascript" src="jquery-1.11.1.min.js"src="tab.js" type="text/javascript">
</script>

我在一个标签里引用了两个JQuery文件,因为代码并没有提示我引用方式错误,所以就以为可以引用两个。但是正确的引用方法是一个标签中只能引用一个JQuery文件(不过要是将来发展到可以多个引用也不错)。

于是我就分开再次引用,然后就ok啦。

需要注意的是,JQuery的引用是有顺序的,需要先引用函数库,再引用自己写的js文件,这样js文件才能引用JQuery的方法。

JQuery函数库可以到官方网站下载,地址:http://jquery.com/


可以看到目前最新版本是v2.1.1本人目前使用的是v1.11.1。jQuery的引用方式和其他的外部js文件一样,没什么区别。



分享到:
评论

相关推荐

    jQueryFunctions:jQuery函数库

    确保按以下方式在HTML5文档或动态页面中添加对此库的引用。 注意。 我假设您包括原始CSS,JS和图像文件,但如果需要,可以随时进行更改。 &lt; link rel =" stylesheet " type =" text/css " href =" style.css " &...

    asp.net引用jquery文件

    在ASP.NET页面中引用jQuery,通常在`&lt;head&gt;`标签内添加如下代码: ```html &lt;script src="Scripts/jquery-版本号.js"&gt; ``` 确保路径与实际文件位置匹配。 接下来,我们探讨jQuery如何与ASP.NET控件交互。ASP.NET控件...

    JQuery一键到Excel文件

    要实现"JQuery一键到Excel文件",首先需要在`index.html`中引入JQuery库,并可能需要引入一个专门用于导出Excel的插件,如`tableExport.js`。接着,开发者需要编写一段JQuery代码,监听用户触发导出事件(比如点击...

    jquery文件下载

    - `jquery.js`:这是jQuery库的主要文件,包含了完整的jQuery函数和方法。 - `jquery.form.js`:扩展插件,用于增强HTML表单处理,例如文件上传、多部分表单提交等功能。 - `jquery.MultiFile.js`:另一个插件,...

    JQuery 最新组件库

    - **index.html**: 这是项目的主入口文件,通常包含了HTML结构和对jQuery及组件库的引用。 - **css**: 此目录存放CSS样式文件,用于定义页面的布局和组件样式。 - **development-bundle**: 这个目录可能包含jQuery的...

    jQuery1.8.3类库文件

    jQuery是JavaScript的一个强大的库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。在Web前端开发中,jQuery1.8.3是一个非常重要的版本,它提供了丰富的功能,使得开发者能够高效地创建交互式...

    html静态页JQuery ajax示例demo 源码

    在jQuery库中,AJAX功能被简化并封装成了易于使用的API。`$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或...

    jQuery 核心库的使用

    在本文中,我们将深入探讨jQuery的核心库及其使用,包括如何引入jQuery库,基本语法,以及如何处理jQuery冲突。 首先,要使用jQuery,我们需要将其库文件引入到网页中。jQuery的最新版本通常可以从官方网站...

    jquery word export 导出html内容(包括图片)

    通常,你需要在HTML文件中通过`&lt;script&gt;`标签来引用这个文件,确保在使用该功能之前,jQuery库已经加载完成。 接下来,我们需要创建一个HTML页面,这个页面包含了要导出的内容。HTML内容可以是文本、表格、图片等,...

    jquery-1.7.2完整版(含VS自动提示库)

    VSdoc文件包含了jQuery库中的所有函数和方法的注释,这些注释信息让开发者在编写代码时可以快速了解每个函数的作用和参数,从而提高开发效率。 在实际开发中,为了在Visual Studio中启用jQuery的自动提示,开发者...

    jquery文件库

    **jQuery文件库** ...在实际开发中,根据项目需求和环境,开发者会选择合适的jQuery版本引用。通过引入这些文件,开发者可以轻松实现网页的动态效果、用户交互和数据通信,从而提升Web应用的用户体验。

    jQueryui所需要依赖的库文件

    在使用这些库文件时,你需要确保正确引用了jQuery库和jQuery UI的JavaScript文件,以及对应的CSS文件。通常,你可以在HTML文件的`&lt;head&gt;`部分添加链接,或者通过脚本动态加载。同时,根据项目需求,你可以选择性地...

    基于HTML5 Canvas和jQuery 的画图工具的实现

    Canvas作为HTML5的一个核心特性,提供了一种在浏览器中绘制图形的方法,而jQuery则是一个广泛使用的JavaScript库,简化了DOM操作和事件处理。 在HTML5 Canvas上实现画图工具,首先需要理解Canvas的基本概念。Canvas...

    jquery VS中提示插件

    通常,这需要将该文件放在与jQuery库(例如`jquery-1.4.2.js`)相同的目录下,并在HTML文件中同时引用它们。例如: ```html &lt;script src="jquery-1.4.2.js" type="text/javascript"&gt; &lt;script src="jquery-1.4.2-...

    jQuery多文件上传并获取大小与格式代码

    为了完整实现这个功能,你需要将这些文件整合到一起,确保引用了jQuery库,并在正确的位置插入了上述代码。 总结起来,jQuery多文件上传并获取大小与格式涉及的关键知识点包括:HTML表单的`&lt;input type="file"&gt;`...

    jquery使用的js文件

    引用jQuery库的方法通常是通过HTML的`&lt;script&gt;`标签。在网页的`&lt;head&gt;`部分或者`&lt;body&gt;`的底部,我们可以看到如下的代码: ```html &lt;script src="path/to/jquery.js"&gt; ``` 这里的`path/to/jquery.js`应替换为jQuery...

    在VS2008中实现Jquery自动提示

    在Visual Studio 2008(VS2008)中实现jQuery自动提示功能,能够极大地提高开发效率,使得开发者在编写JavaScript代码时能够快速获取jQuery函数和方法的详细信息,减少错误并提升代码质量。这里我们将深入探讨如何在...

    jQuery导出页面表格为xlsx,xls,csv,txt格式的文件 Demo

    你可以通过CDN链接或者本地文件引用的方式将其添加到HTML文件中。例如,可以使用以下代码引入jQuery: ```html &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; ``` 接下来,我们需要一个...

    jQuery学习资料与最新jQuery库

    2. **安装和引入jQuery**:讲解如何在HTML文档中引入jQuery库,包括CDN链接和本地文件引用。 3. **选择器**:介绍了jQuery的各种选择器,如ID选择器、类选择器、属性选择器等,以及如何使用它们来选取页面元素。 4...

    基于jQuery生成二维码,需引用js文件

    然后在HTML文件中引用这个库: ```html &lt;script src="js/jquery.qrcode.min.js"&gt; ``` 现在,我们可以编写jQuery代码来生成二维码。以下是一个基本示例: ```javascript $(document).ready(function() { // 要...

Global site tag (gtag.js) - Google Analytics