前端学习(十九）jquery（笔记）

jquery:库，框架

js，别人封装成的js

官网：http://jquery.com/

-----------------------------------
1.7

----------
jq 1.X 兼容ie6
jq 2.x 兼容ie9+

怎么来选择库：
    
    基于需求！
---------------------------------

稳定版本！

准备：
    库：
    帮助手册：

-------------------------------------------------
原生：
    window.onload=function(){}

doucment.getElementById（'box'）

jq:
    $(function(){
        
    })

$('#box')

hide()---display：none；
    show()---display：block；

$('#box').addClass('active');添个加一个class

$('#box').removeClass('active');删除class

$('#btn').hover(function(){
        $('#box').show();---鼠标移入
    },function(){
        $('#box').hide();---鼠标移出    
    });

$('#btn').toggle(function(){---点击显示隐藏！
        $('#box').show();
    },function(){
        $('#box').hide();    
    });

$(function(){-----上滑下滑！
        $('#btn').hover(function(){
            $('#box').slideDown();
        },function(){
            $('#box').slideUp();    
        });
    })

$(function(){----淡入淡出！
        $('#btn').hover(function(){
            $('#box').fadeIn();
        },function(){
            $('#box').fadeOut();    
        });
    })

----------------------------
--

结论：
    原生js：只用系统函数，自己写！

jq：别人写好的函数！

----------------------------------------------

回调函数：
    前一个函数执行完毕以后，再开始执行的这个函数！

================================================
jq选择器：

$('#div1')  获取一个元素！

$('.red') 获取一组class！

$('#ul1 .red') 获取#ul1下面的一组class（red）--具有优先级！

$('li') 标签来获取一组

-----------------------------------------

伪类选择器：
        $('li:first')  第一个li

$('li:last')  最后一个li
        $('li:eq（3）') 第某一个li

$('li:odd')  奇数
        $('li:even')  奇数

---------------------------------------------
特殊：
$('div:has(span)') ---根据标签里面包的span标签来获取这个标签div

$('div:contains(智)')---根据标签里面的内容来获取这个div！

-------------------------------------------------
属性选择器：

$('ul li input[type=text]')---通过input属性来获取一组input

=================================================
标签的内容：
    原生：
        普通：innerHTML
        表单：value

jq：
        普通：html();
        表单：val();

-----------------------------------------