JQuery
JQuery 简介
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 [1]
JQuery库, 里面存在大量的JavaScript 函数
如果想获取JQuery,可以到 JQuery 官网去下载
JQuery CDN简介
CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。
jQuery插件库为您提供百度、微软等提供的CDN节点地址,这些CDN公共库为您的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。
如果 不想下载JQuery文件,可以选择直接找 JQuery 的cdn 的链接 直接引入。
JQuery 公式
$(selector).action()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
//通过 CDN 外部调用 JQuery
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>
</head>
<body>
<a href="" id="test_jquery">点我</a>
<script>
//选择器就是css选择器
$('#test_jquery').click(function (){
alert('hello world')
})
</script>
</body>
</html>
JS原生 和 JQuery 对比:
<script>
//原生js 选择器少,麻烦不好记
//标签
document.getElementByTagName();
//id
document.getElementById();
//类
document.getElementsByclassName();
//JQuery css 中选择器它全部都能用
//标签选择器
$('p').click();
//id选择器
$('#id').click();
//class选择器
$(.class).click();
</script>