JS jQuery选择器

一、基本选择器

    $('#id'); // id选择器   
    $('*'); // 全选选择器
    $('.class'); // 类选择器
    $('div'); // 标签选择器
    $('div,p'); // 并集选择器
    $('li.current') // 交集选择器

二、层级选择器

    $('ul>li'); // 子代选择器 只能获得亲儿子元素，不能获取孙子层级的元素
    $('ul li'); // 后代选择器，获取ul下所有li元素，包括孙子

三、父元素子元素

    $('.box').parent(); // 父代选择器，直接返回父元素
    $('.box').children('.son'); // 子代选择器，返回叫son的亲儿子
    $('.box').parents('.grandfather'); // 祖辈选择器，返回叫grandfather的祖辈元素
    $('.box').find('.grandson') // 后代选择器，返回叫grandson的后辈元素