分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

Jquery教程(一)

发布时间:2023-09-06 01:11责任编辑:赖小花关键词:暂无标签

一、何为Jquery

JQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

jQuery 库包含以下特性:

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

二、Jquery下载

Jquery可以到官网http://jquery.com/进行下载,进入官网首页,在导航栏上有个download

然后看到

下载哪个都是可以的,有压缩版和无压缩版的,个人建议新手下载无压缩版的。

三、Jquery安装

如果您要是用Jquery,就必须下载Jquery库,然后将它引入你的您的网页中,Jquery是一个js文件,可以使用<scriot>标签引用它:

<head><script src="jquery.js"></script></head>

如果不希望下载存放Jquery,也可以通过CDN直接引用它,只是这样子的化你在没有网络的时候就无法使用jquery了。

Google CND

<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head>

Microsoft CDN:

<head><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head>

四、测试 

现在让我们来测试一下Jquery是否可以使用了

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="jquery-3.2.1.js"></script><script type="text/javascript">$(function(){alert("jquery环境配置成功");});</script></head><body></body></html>

运行上面代码,如果弹出jquery环境配置成功就代表你的jquery环境配置成功了。

下次让我们来体验jquery强大魅力吧!!!!

  

Jquery教程(一)

原文地址:http://www.cnblogs.com/Angular-JS/p/7532218.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved