前端之路——jQuery第二课

第一课后，简单地认识了jQuery。脑子里一直记者文档就绪事件的简写就好了~~~~

马不停蹄，第二课来了

首先，复习上课的内容：

JQ 复习：
1：如何引用外部cdn
2：文档就绪事件简写
3：console.log控制台
4：var的变量赋值
5：id、class、标签选择器

1-5，都会了吗？

本课学习的新内容：

1.其他重要的选择器：
        $("*"): 所有元素
$(this): 当前元素
$("tr:even"): 偶数位
$("tr:odd"): 奇数位
$("p:first")：第一个

（有了这些元素选择器，可以快捷方便地指向某个元素进行处理）

2.点击事件：click、dbclick（点击及双击，很简单，就是为一个元素设置单击或双击后****，例：可直接再console输出实时结果）

3.鼠标移入移除事件：mouseenter、mouseleave（鼠标移入移出也是简单的一批啊）

5.焦点事件：focus、blur（焦点，顾名思义要有聚焦及失焦，多运用再input文本框里，也可直接结合console使用）

6.函数的写法：

function 函数名 （参数）{
函数片段
}

（这貌似是我这节课唯一不明白的，后期有个作业，需要运用到的，但是我貌似完全忽略了这知识点，幸好老师细心发觉了。。。不过，截至目前，我还是未能掌握）

7.特效初级（1）：显示和隐藏：

语法：

$(function(){
        var big = $('#div_1'),
            small = $('.div_2');
        big.click(function(){
        small.show()
        })
     });

（意思：当鼠标点击div_1时，div_2就会出现，show后面的括号可填写700、fast、slow）

8.if 事件（很多开发开发语言都有使用，记得之前大学的java，也有用到。）

语法：

$(function(){
        var big = $('#div_1'),
            small = $('.div_2');
        big.click(function(){
        if (small.css('display') == 'none') {
        small.show(700);
        }
        else {
        small.hide(700);
        }
       
        })
     });

简单点说：就是当一个判断事件出现，必要是true或者否false的出现，那么正对是或否然后进行后续的动作。贼有用的，

好了，今天的课还可以接受，多敲下代码即可。。。。。。