js引用jquery问题

jquery本身就是一个JavaScript函数库,所以可以直接在js文件中写jquery代码。

但需要注意:jquery的使用需要引用官方的jquery.js文件。

关键:独立的js文件不需要引用任何jquery.js文件,只需要在相应的html网页中引用jquery.js和.js文件,jquery文件引用必须在.js文件之前。如下图:

html文件:

<script src="js/jquery-1.12.4.js"></script>       //引用jquery文件<script type="text/javascript" src="js/act.js"></script>     //引用js文件

act.js文件:

//直接编写jquery即可!

$(document).ready(function(){    $("button").click(function(){        $(".parr").hide();    });});

在网上查找了一些js引用jquery的回答,试了试,没有效果。将自己的心得记录在此,分享给大家。

时间: 2024-12-17 05:23:33

js引用jquery问题的相关文章

解决sea.js引用jQuery提示$ is not a function的问题

在使用sea.js的如下写法引用jQuery文件时, //main.jsdefine(function(require,exports,module){ var $ = require('jquery-3.1.0.min'); $('#name').html('helloworld'); }) 会报错,提示$ is not a function: 原因在于jQuery是默认支持AMD规范的,而sea.js是遵循CMD规范进行加载:这两种规范对外提供模块时的定义方法不一样: // CMD defi

seajs 引用 jquery 和 使用插件解决方法

在这里就不介绍 seajs 是啥了,直接来说说在 seajs 中使用jquery 和 jquery 插件遇到的问题: 首先:[index.html 为展示页][main.js为主体页 ][ jquery.js 为jquery库][plugins.js为jquery插件],它们各自是一个页面 index.html seajs.config({ base:'./static/js/', alias:{ 'main':'main' } }); //引用主体js seajs.use('main'); 事

引用jquery框架后出错

问题描述:当引用了jquery框架后,页面的js不能正常工作. 后面我的解决办法:是因为在引用 jquery的框架时的代码为 <script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js" /> 改为如下的引用方式 <script type="text/javascript" src="resources/js/jquery/jq

jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果

一.插件介绍 最早做省市联动的时候都特别麻烦,后来在helloweba的一篇文章中看到这个插件,很不错的,后来就一直用了. 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. 二.插件作者及网址 作者:暂无(请作者看到后联系我[email protected],好标上你的大名)官方网址:无官方DEMO:无最新版本:日期201

js与jQuery区别

jQuery能大大简化Javascript程序的编写. 要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,比如: <script language="javascript" src="/js/jquery.min.js"></script> 库文件既可以放在本地,也可以直接使用知名公司的CDN,好处是这些大公司的CDN比较流行,用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了,所以能加快网站的打开速度.另外

详解js和jquery里的this关键字

详解js和jquery里的this关键字 js中的this 我们要记住:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象.this对象是在运行时基于函数的执行环境绑定的,在全局环境中,this等于window 先来看个例子: <script> var fullname = "Trigkit4"; var person = { fullname : 'Jack', prop:{ fullname : 'Blizzard', getFullname : fun

ECSHOP中transport.js和jquery的冲突的简单解决办法

ECSHOP中transport.js和jquery的冲突的简单解决办法 一流资源网近日在ECSHOP网站加入了几个JS特效代码,在谷歌.火狐下正常,在各版本IE下都不常,左思不得其解. 最后才知道原来是"ECSHOP中transport.js和jquery的冲突" 因为通用头部文件中引用了 1 {insert_scripts files='transport.js,utils.js'} transport.js与jquery有冲突.原因不多讲.在网上找到一个最简单解决办法: 成功了,

JS和JQuery总结

目录目录    2 js部分一.词法结构 1.区分大小写 2.注意   // 单行      /*  多行注释  */ 3.字面量(直接量  literal) 12  //数字 5.8 // 小数 "hello" 'hello' true /js/gi  //正则 null    //空 {x:1,y:2} [1,2,3,4] 4.标示符(变量)和保留字 5.分号可以省略但是可能会产生问题,js会自动补; var y = x+f (a+b).toString() 等价于 var y =

VS2012设置Js和Jquery提示

Visual Studio 2012本身都是已经支持Jquery/Javascript智能提示了,为什么还是在有些项目中不行呢?好像在2012的Razor 编辑器中,或者说是mvc项目中,是支持的很好的. 但是在普通的web项目中,js智能提示还不是自动,需要进行一些配置. 第一步: 打开 VS2012的工具-->选项 按照下面的图示,配置文本编辑器---javascript的智能提示项目.引用组设置为:web. 第三步,然后看看下面一个项目解析路径,~/Scripts/_references.