【JavaScript】4.初识jQuery资源-CSDN下载

需积分: 7 82 浏览量 2021-01-08 09:57:59 上传评论收藏 209KB PDF 举报

资源详情

资源评论

资源推荐

【【JavaScript】】4.初识初识 jQuery

本来这一篇要写JavaScript的事件处理的，但是内容好多啊，这一套那一套的，看得有点晕……查资料的时候发现好些东西大家都是用

jQuery 实现的，据说挺好上手的，那我就先看看 jQuery，之后和JS对照着学吧。

jQuery是一个JavaScript函数库，它和JS的联系与区别是：

JavaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技术，是用于创建交互式

网页应用的网页开发技术。jQuery是JS的框架，基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，

大大简化了Ajax，JS的操作。

开始了，奥里给！

目录目录

1. jQuery的引入

2. jQuery的功能

2.1 基础语法

2.2 jQuery选择器

2.3 jQuery处理事件

2.4 jQuery修改元素属性

2.5 jQuery修改元素样式

2.6 注意：jQuery中常用属性的获取

（1）宽高属性

（2）位置属性

1. jQuery的引入的引入

可以通过多种方法在网页中添加 jQuery：

从 jquery.com 下载 jQuery 库，将下载的文件放在网页的同一目录下，通过HTML的标签引用：

从 CDN （内容分发网络）中载入 jQuery，通过下面的代码引用：

可选用的CDN包括：

国内推荐站点：国内推荐站点：

Staticfile CDN：src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"

百度CDN：src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"

新浪CDN：src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"

又拍云 CDN：src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"

国外推荐站点：国外推荐站点：

Google CDN：src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"

Microsoft CDN：src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"

我用的是第二种方法，因为这些大公司的CDN比较流行，用户访问你网站之前很可能在访问别的网站时已经将jQuery缓存在浏览器中

了，所以能加快网站的打开速度，懒洋洋美滋滋。

当然，刚刚那句话只是引入了jQuery的库，我们还要自己编写很多代码。对于少量的代码，我们可以把它放在部分的标签内：

$(document).ready(function(){

$("button").click(function(){

$("p").hide();

});

});

为了便于维护，很多时候，我们会把jQuery函数放到独立的.js文件中，因此在部分引入对应的文件：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论0

内容反馈

weixin_38664612

粉丝: 6

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip