jQuery 入门基础知识

jQuery入门

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。
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+等。

根据id获取文本框的值

$("#id").val();
比起js要简单许多

一，3W1H

1.where 是什么？

JavaScript库：封装了很多JS代码（类库）

2.Why?为什么要学习？

为了简化JavaScript开发：选择器、CSS、HTML事件处理、JS动画、浏览器兼容、丰富插件

3.Where?哪些情况下用？

中大型网站开发
是一些前端框架的基础，比如EasyUI，Bootstrap

4.How?怎么用？

工具：HBuilderX

使用jQuery步骤
    1.下载jQuery库
        开发版本：jquery-3.3.1.js
        生产版本：jquery-3.3.1.min.js
    2.引入：将js文件复制到项目中
    3.使用

2.jQuery文件结构

1.jQuery文件中可以看出是一个自执行函数
    (function(){
    window.jQuery = window.$ = jQuery
}());

3.jQuery选择器
1.基本选择器

    常用选择器：
    ID选择器：#ID  ——单个元素
    类选择器：.class  ——元素集合
    元素选择器：element  ——元素集合
    通配符选择器：*  ——元素集合
    群组选择器(并集)：selector1,selector2  ——元素集合

2.层次选择器
后代选择器:>
子代选择器: (空格)

3.过滤选择器
获取第一个元素:first

最后一个元素:last

获取偶数下标的元素:even

获取奇数下标的元素:odd

获取某一范围元素
    :gt大于
    :lt小于

4.表单选择器
:input :radio :text :checkbox :submit :password :image :reset :button :file :hidden

表单对象属性：    ：enabled  :disabled  :checked :selected