2019-06-10 Java学习日记之JQuery

什么是JQuery？

JQuery是一个快速、简洁的javaScript框架，是继Prototype之后有一个优秀的javaScript代码库（或javaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对css选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE6.0+、FF 1.5+、Safar 2.0+、Opera 9.0+等

jQuery的作用：

1、写更少的代码，做更多的事情：write Less，Do more

2、将我们页面的JS

代码和HTML页面代码进行分离

JQ和J之间的转换：

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

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

JQ的开发步骤：

1、导入JQ相关的文件

2、文档加载完成事件：$（function） ： 页面初始化的操作：绑定事件，启动页面定时器

3、确定相关操作的事件

4、事件触发函数

5、函数里面再去操作相关的元素

jQuery中的选择器：

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

基本选择器：

　　ID选择器：　　#ID的名称

　　类选择器：　　以.开头　　.类名

　　元素选择器：　　标签的名称

　　通配符选择器：　　*

　　选择器，选择器：　　选择器1，选择器2

JQ中的层级选择器：

子元素选择器： 选择器1　>　选择器2

后代选择器：选择器1　儿孙

相邻兄弟选择器：选择器1 + 选择器2 ：找出紧挨着的一个弟弟

找出所有弟弟：选择器1 ~ 选择器2 ：找出所有的弟弟

基本过滤器：

　　选择器：

　　　　：frist　　：　　找出的是第一个

　　　　：last　　：　　找出最后一个

　　　　：even　　：　　找出索引为偶数的

　　　　：odd　　：　　找出索引为奇数的

　　　　：gt（index）　　：　　大于索引

　　　　：lt（index）　　：　　小于索引

　　　　：eq（index）　　：　　等于索引

　　属性选择器：

　　　　选择器[href]　　：　　单个属性

　　　　选择器[href] [title]　　：　　多个属性

　　　　选择器[href] [title = ‘test’]　　：　　多个属性，包含值

表单过滤器：

　　：input　　找出所有输入项：input　textarea　select

　　：text

　　：password

表单对象属性：

　　找出select中被选中的那一项

　　option：selected