jQuery入门选择器第一次课

 

1.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

获取偶数下标的元素:even

获取奇数下标的元素:odd

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

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

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

    

5.jQuery大纲