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+等

Jq取代js，不是，jq使用js实现的，简化操作

优点
1.“write Less，Do More”，即倡导写更少的代码，做更多的事情
2.把html代码与js代码进行分离

为什么学习jq

​ 因为提高工作效率

生产版本(项目上线之后)：min，体积小，加载快

开发版本：有良好的代码风格

【JQ中根据ID查找元素】

全都是根据选择器去找的
#ID{}
.类名{}
$("#ID的名称")

JQuery中的选择器

让我们能够更加精确找到我们要操作的元素

基本选择器

• ID选择器 : #ID的名称
• 类选择器: 以 . 开头 .类名
• 元素选择器: 标签的名称
• 通配符选择器: *
• 选择器,选择器: 选择器1,选择器2

​

JQ中的层级选择器

• 子元素选择器: 选择器1 > 选择器2
• 后代选择器: 选择器1 儿孙
• 相邻兄弟选择器 : 选择器1 + 选择器2 : 找出紧挨着的一个弟弟
• 找出所有弟弟: 选择器1~ 选择器2 : 找出所有的弟弟

JQ中的基本过滤器

JQ中的属性选择器

JQ中的表单过滤器

JQ和JS之间的转换

​ jq对象，只能调用jq的属性和方法

​ js对象，只能调用js的属性和方法

//将jq转换成js   在jq对象后加索引
// var jsDiv = $('#div1')[0];
// jsDiv.innerHTML = '111';

//将js转换成jq   在js对象外套用$
var div = document.getElementById('div1');