精华内容
下载资源
问答
  • jquery是一个用来代替JavaScript来快捷书写前端脚本语言的jquery可以大大的简化复杂的js代码,使开发人员专注于实现页面的效果。导入方式jquery的导入方式有两种,一种是本地导入,一种是从超链接导入。相关专题...

    jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库,jquery可以大大的简化复杂的js代码,使开发人员专注于实现页面的效果。

    6bed09a17f0d58f5724d020f959bad3e.png

    导入方式

    jquery的导入方式有两种,一种是本地导入,一种是从超链接导入。

    相关专题推荐:《jQuery教程》

    方式一:本地导入

    我们可以百度搜索jquery,可以搜到jquery的官方网站:

    https://jquery.com/

    从这里即可下载jquery的最新版本,点击下载图标,会跳转到下载详情页面。

    ade6c537dbb35a095655e92ec8344c27.png

    点进链接,可以看到jquery的源码,如下。

    27d84a8a7b4e9e814d89b3677e62449a.png

    我们直接ctrl+a,选中所有,新建一个txt文件,将源码拷贝到其中,然后修改后缀名为.js即可。

    接着,我们在要使用jquery的页面引入这个.js文件,代码如下:

    //在此书写你的jquery代码

    注意

    注意!一定要先写引入的script再写自己的jquery代码,因为页面的加载顺序是从上到下加载,浏览器会先加载你的jquery代码再加载jquery库,造成你的jquery代码会被认为是错误书写格式,无法实现效果。

    方式二:导入在线jquery

    我们可以通过在script的src属性中写一个网址来导入在线的jquery代码。

    事实上,现在应用jquery的网站非常非常多,浏览器会在加载之前使用jquery的网站时就预先下载过jquery,因此到了我们这里就不用再次下载了,就算我们的jquery版本是一个新的没被浏览器加载过的版本,jquery的代码下载也会进行的很快,不过,如果你还是担心影响加载速度,本地导入jquery文件确实是最好的办法。

    导入在线jquery:

    //在此书写你的jquery代码

    展开全文
  • 下面记录下如何引入jquery和bootstrap。 1、使用angular-cli工具先初始化一个项目框架(至于怎么搭建angular2的环境,请参看 官方文档),比如我的项目名为: demo。 这里有个坑需要提一下: 我们使用angular-cli...

    我们在使用angular2的时候难免不会遇到引入其他库的情况,比如一些UI库之类的。下面记录下如何引入jquery和bootstrap。

    1、使用angular-cli工具先初始化一个项目框架(至于怎么搭建angular2的环境,请参看 官方文档),比如我的项目名为: demo
    这里有个坑需要提一下
    我们使用angular-cli初始化项目前需要安装好git工具(这里下载),并且将git.exe配置到环境变量中,否则会导致angular-cli在构建的过程中卡死
    例如:
    初始化项目

    项目创建时间有点长,耐心等待,构建完毕后,目录结构大致如下:
    初始化的目录结构

    2、使用命令行进入刚刚创建好的工程目录(我的目录是:G:\\angular2\demos).

    cd angular2/demos

    进入目录

    3、安装jquery库。(–save表示自动向目录下的package.json中添加依赖申明)

    npm install jquery --save

    4、安装Bootstrap库。

    npm install bootstrap --save。

    两个都安装完毕后,我们打开demos下的package.json,查看增加了两行依赖,如下:
    示例

    5、这时候,我们打开目录下的 node_modules 目录,能找得到两个文件夹,分别是jquery和bootstrap。我们需要将jquery和bootstrap的库添加到 .angular-cli.json 中。我们打开目录下的 .angular-cli.json文件,在styles和scripts中添加上代码(其中style.css是原来就有的)。

    "styles": [
    "styles.css",
     "../node_modules/bootstrap/dist/css/bootstrap.min.css"
    ],
    "scripts": [
     "../node_modules/jquery/dist/jquery.min.js",
     "../node_modules/bootstrap/dist/js/bootstrap.min.js"
    ],

    例如:
    示例

    6、最后一步,我们为typeScript添加上类型申明库。

    // 添加这个是为了让typeScript认识$符号
    npm install @types/jquery --save-dev
    
    // 添加上bootstrap的申明
    npm install @types/bootstrap --save-dev
    

    运行完毕后,我们可以看到目录下的package.json中的devDependencies多了两行申明。如下:
    这里写图片描述

    至此,我们的库添加完毕。

    展开全文
  • vue中引入jQuery

    2017-11-02 17:41:25
    vue发展很快,但是相比jQuery目前还不够完善,许多功能使用jQuery可以快速实现但是vue实现却比较麻烦,那么我们怎么在vue中使用jQuery呢!与大家分享一下: 1.使用npm安装jQuery,当然也可以使用cnpm这个淘宝镜像...

    vue库发展很快,但是相比jQuery目前还不够完善,许多功能使用jQuery可以快速实现但是vue实现却比较麻烦,那么我们怎么在vue中使用jQuery呢!与大家分享一下:

    1.使用npm安装jQuery,当然也可以使用cnpm这个淘宝镜像安装

    npm install jquery

    2.找到build目录下的webpack.base.conf.js文件

    在这个文件中首先引入:var webpack = require('webpack');之后再如下图地方加上几句代码



    之后我们在src目录下找到入口文件main.js引入jQuery即可



    展开全文
  • jQuery源码,想让两个jQuery库并存 怎么做? <script src="./jquery1.11.3"></script> <script src="./jquery3.4.1"></script> $ = jQuery 1.11.3 ; //先引入1.11.3 版本 $ = jQuery ...

    jQuery源码,想让两个jQuery库并存 怎么做?

    <script src="./jquery1.11.3"></script>
    <script src="./jquery3.4.1"></script>
    
    
    	$ = jQuery 1.11.3 ;  //先引入1.11.3  版本
    	$ = jQuery 3.4.1 ;   //然后引入3.4.1 版本
    	
    	    内部处理
    	        var _jQuery = window.jQuery;  jQuery1.11.3
    	        _$ = window.$ ;  jQuery1.11.3
    	        window.jQuery = window.$ = jQuery;  jQuery3.4.1
    	
    	let j = $.noConflict(true);
    	    if (window.$ === jQuery) { //如果 $ 和 jQuery 相同
    	        window.$ = _$; jQuery1.11.3 把3.4.1版本使用$权利转让给了 1.11.3
    	        现在 window.$ 就是1.11.3版本
    	    }
    	    if (deep && window.jQuery === jQuery) { // deep===true ;(window.jQuery3.4.1 === jQuery 3.4.1) === true
    	        window.jQuery = _jQuery; // 1.11.3
    	    };
    	    return jQuery; // 最新的版本 3.4.1 
    	
    	$ => 外面使用 $ 代表 jQuery => 1.11.3 版本
    	j => 外面使用 j 代表 jQuery => 3.4.1 版本
    	
    
            // $('.box') 每一次执行都是创建了一个jq类的新实例(JQ对象);
            // =$(".box") !==$(".box") 两个不同的实例,开辟了两个堆内存;
            // ===========函数的多种角色:普通函数/构造函数()/普通对象
            // =》在控制台输出 jQuery.fn 可以查看原型上的方法,这些方法都可以被实例调用 (此时把jquery看作一个类);
            // =》但jq也是一个普通对象,在普通对象上也有很多方法,
            // 这些方法和实例没有直接的关系,基于$.xxx()调用,例如:$.Callbacks() 或者 $.ajax() 等 ;
            // dir($) jQuery函数、对象
            // dir($.fn) jQuery 类
            let $box = $('.box');
            $('.box').click(() => {}); // 开辟了3个实例 消耗性能
            $('.box').fadeIn(() => {});
            $('.box').addClass(() => {});
    
            /*  */
    
            $box.click(() => {}); // 只开辟了一个实例
            $box.fadeIn(() => {});
            $box.addClass(() => {});
        
    
    展开全文
  • jQuery

    2021-04-18 23:56:47
    jQuery jQuery是一个快速、小巧功能丰富的js...引入jquery文件 写一个入口函数 找到你要错做的元素(jquery选择器),去操作他(添加属性,样式,文本。。。) jQuery入口函数和window.onload入口函数的区别 wind
  • jQuery多个版本或和其他js库冲突主要是常用的$...1、分别引入不同版本的jquery库;2、使用jQuery.noConflict(true)方法为jquery设置一个别名;3、使用立即执行函数,将别名传进去,在函数内部即可使用不同版本的$。j...
  • 相信大家都使用过,百度或者CDN官网等提供的CDN静态资源 CDN官方静态资源:https://cdnjs.com/ 七牛前端公开:http://staticfile.org 使用CDN可以减少带宽和http请求,也可以减少一些服务器的压力, 从而...
  • 认识jQuery

    2020-03-21 07:31:24
    什么是jQuery? jQuery是JavaScript的函数库,就是把我们常用的功能封装成函数。...想要使用jQuery,就需要把jQuery库引入到你的html中,jQuery文件可以去jQuery官网获取(https://jquery.com/download/),也可...
  • 2.JQuery的初体验(JQuery)

    2020-12-03 17:19:04
    1、使用 jQuery 一定要引入 jQuery 吗? 答案: 是,必须 2、jQuery 中的$到底是什么? 答案: 它是一个函数 3、怎么为按钮添加点击响应函数的? 答案:1、使用 jQuery 查询到标签对象 2、使用标签对象.click...
  • 简单的理解为 jQuery 是一个 JavaScript 函数jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 。 简单的学一下 jQuery 的思想,有利于我们去学习现在主流的三大框架:vue,react,angular 引入代码示例:...
  • JQuery

    2015-05-31 20:28:00
    前几天我们开始接触jQuery。...现在来谈谈我在学习过程中的一些体会,首先既然要用到JQ肯定要把文件引入你的代码中,怎么进行引用呢?有两种方式,第一是直接联网引用,第二种是直接把你需要的文件下...
  • robotFramework_Jquery语法

    2018-08-30 23:07:00
    向您的页面添加 jQuery 库 ...如下图,当页面中引入jquery库以后我们就就能使用库中的函数了 jQuery的三种$() $号是jQuery“类”的一个别称, $()构造了一个jQuery对象。 所以,“$()”可以...
  • jQuery01

    2019-04-27 22:55:30
    Jquery它是javascript的一个轻量级框架,对javascript进行封装...Jquery它是一个(框架),要想使用它,必须先引入jquery-1.8.3.js:一般用于学习阶段。 jquery-1.8.3.min.js:用于项目使用阶段 Jquery的简单...
  • 前面提过,使用jquery前,必须先引入jquery库,可以直接引入网络资源,也可以从官网下载引入本地文件,看自己需要选择合适的版本。 在 下面来看一下jquery都有哪些选择器吧!举个简单的例子学习一下怎么使用。 HTML...
  • jquery介绍 什么是jquery Jquery它是javascript的一个轻量级框架,对javascript...Jquery它是一个(框架),要想使用它,必须先引入jquery-1.8.3.js:一般用于学习阶段。 jquery-1.8.3.min.js:用于项目使用阶...
  • 怎么样,是不是很好看,jquery fontIconPicker这个插件做的很不错,支持分类,搜索,还有分页功能,可以自定义分页,具体的使用方法我就不一介绍了,我只说一下如何使用font-awesome图标,只需跟着下面几步走,就...
  • jQuery初体验

    2019-08-19 20:55:42
    jQuery概念: 是一个javascript代码仓库,我们称之为javascript框架。 是一个快速的简洁的javascript框架,可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。... 标签引入本地的JQuery...
  • JQuery扼要

    2018-10-14 16:03:50
    1 什么是Jquery?  Jquery它是javascript的一个轻量级框架,对javascript进行封装,它提供了很多方便的...Jquery它是一个(框架),要想使用它,必须先引入!  jquery-1.8.3.js:一般用于学习阶段。&lt;scrip...
  • vue中如何引入第三方

    千次阅读 2018-03-06 18:00:43
    虽然说jquery从某些角度说已经过时了,对他的情结还是在的,在vue中用用jquery也不是不可以的,但是要怎么引入呢,总不能直接&lt;script src='jquery.js'&gt;&lt;/script&gt;吧。当然这也是一种办法...
  • Jquery总概述

    2016-12-25 15:23:36
    1.什么是JQuery? 就是对JS事件和函数的一个封装 2.设计理念? 写更少的代码完成更多的功能 ...4.怎么用?...1.先到官网下载相应的版本库,分为两种,一种是开发版,一种是...2.在页中通过script标签引入jquery库 3.通过
  • jQuery学习

    2016-03-13 20:31:00
    学过的东西一定要做笔记,否则到头来又得重头看。记下关键点,到时候复习很快就能想起来。 1.jQuery简介 jQuery是JavaScript的一个。...其实不用怎么配置它的环境,只需要获得jQuery的最新版本之后引入HTML文...
  • jquery常用操作说明

    2016-12-27 18:51:54
    1.如何引入jquery  要使用jQuery,我们要知道,jQuery是一个函数,简单来讲就是一个后缀名为".js"的文件。可以在http://www.bootcdn.cn/jquery/ ,复制链接引入CDN。   2.怎么初始化  jQuery 页面...
  • jquery初涉,First Blood

    2016-10-08 23:55:00
    jquery可以帮助干的事情有: ...操作DOM 处理事件 执行动画 开发Ajax操作 优点就不在这儿扯蛋了~ 1、jquery环境配置 ...2、在页面中引入jquery 先来定个小目标,看看在页面中怎么使用jquery。 First ...
  • WEB05_jQuery

    2019-08-22 16:57:03
    jQuery介绍 1.什么是jQuery jQuery它是javascript的一个轻量级框架,对javascript进行...Jquery它是一个(框架),要想使用它,必须先引入! 3.jQuery的简单入门 所有的jquery代码写在页面加载函数 $(function(){ Jq...
  • 引入jquery库的情况下怎么调试脚本,一调试就进入jquery库 ``` $(document).ready(function () { $("#btnUpLoad").click(function () { $.post( "Handler2.ashx", { targetDir: $("#upLoad")....
  • 今儿个来学习学习jQuery库怎么解决$冲突问题。(jQuery-1.7.1) jQuery库全部使用自身的jQuery对象来完成内部实现。 在源码开头,有两行代码: // Map over jQuery in case of overwrite _jQ...
  • -- 引入jQuery库 --> <script type="text/javascript" src="../../../../easyUI/js/jquery-1.7.2.min.js"> <!-- 引入jQueryUI插件库 --> <script type="text/javascript" src="../../../../easyUI/js/jquery-ui...
  • Jquery它是一个(框架),要想使用它,必须先引入jquery-1.8.3.js:一般用于学习阶段。 jquery-1.8.3.min.js:用于项目使用阶段。 Jquery的简单入门: 所有的jquery代码写在页面加载函数 $(function(){ Jque

空空如也

空空如也

1 2 3 4
收藏数 75
精华内容 30
关键字:

怎么引入jquery库