jQuery01基础入门

首先我们来了解一下什么是jQuery以及其基本语法

例如：

       问： 如何用jQuery去获取文本框的值? id="aa"
       答： $("#aa").val();

       问： js的window.onload在jQuery里如何表示?
       答：$(function(){})  

       问： jQuery里如何动态设置样式css的? 单个属性和多个属性的区别?
       答： $("div").css("color","red");
               $("div").css({键:值,键:值})

       问： jQuery的事件?点击事件?失焦事件?该如何表示?等等
       答：$("#btn").click(function(){});

其次我们要注意，了解jQuery基础就要知道3W1H以及jQuery选择器

    3W1H

        3W1H顾名思义就是3个w一个h，3个w分别是what，why和where，h就是how

          What?是什么？
            JavaScript库：封装了很多JS代码
            JavaScript库：jQuery(90%)、Ext JS
            官方地址：http://jquery.com/
        Why?为什么要学习？
            查看官方jQueryLOGO：write less，do more
            为了简化JavaScript开发：选择器、CSS、HTML事件处理、JS动画、浏览器兼容、丰富插件
        Where?哪些情况下用？
            中大型网站开发
            是一些前端框架的基础，比如EasyUI，Bootstrap
        How?怎么用？
            工具：HBuilder
            案例1：点击按钮获取输入框中的值（JS对比jQuery）
            使用jQuery步骤
                1.下载jQuery库
                    开发版本：jquery-3.3.1.js
                    生产版本：jquery-3.3.1.min.js
                2.引入：将js文件复制到项目中
                3.使用

                
    jQuery选择器（详情见下图）
        基本选择器
            常用选择器：
            ID选择器：#ID
            类选择器：.class
            元素选择器:element
            通配符：*
            多个选择器(并集)：selector1,selector2
            多个选择器(交集)：selector1 selector2
            案例2：分别使用基本选择器，改变元素的背景颜色和字体颜色（div、p、span）
        层次选择器
            查找所有元素，查询子元素
            案例3：使用层次选择器，选择某个元素下面的所有元素和子元素
        过滤选择器第一次f
            参考jQuery文档
            获取第一个元素:first
            最后一个元素:last
            获取偶数下标的元素:even
            获取奇数下标的元素:odd
            获取某一范围元素
                :gt大于
                :lt小于
            案例4：使用过滤选择器，选择li中的元素

        案例5：表格隔行换色

效果图：

        表单选择器
            参考jQuery文档
            获取选择单选框的值
            获取选择多选框的值
            获取选择下拉值
            案例6：获取表单中的单选、多选、下拉值