jQuery学习笔记（五）JQ复习整理

JQ层级选择器

1，find 找到索引的子代
2，children 找到一级子代
3，next 找到下一个兄弟元素
4，nextall 找到下面所有的兄弟
5，prev 找到上一个兄弟
6，prevall 找到上面所有的兄弟
7，nextuntil 找到下面的所有兄弟，知道一个元素为止
8，prevuntil 找到上面所有的兄弟直到一个元素为止
9，siblings 找到所有的兄弟

基本过滤选择器

    过滤器主要通过特定的过滤规则来筛选所需要的DOM元素，和css中的伪类语法相似：使用冒号(:)开头.
    :first 选取第一个元素
    :last  选取最后一个元素
    :not   选择class不是red的元素
    :even  选取索引是偶数的元素
    :odd   选择索引是奇数的元素
    :eq    选择索引等于index的元素
    :gt    选择索引大于index的元素
    :lt    选择索引小于index的元素
    :header 选择标题元素，h1-h6
    :annimated 选择正在执行动画的元素
    :focus     选择当前诶焦点的元素




    /-----------------------------/
    内容
    html()          获取元素中的HTML内容
    html(value)     设置元素中的Html内容
    text()          获取元素中文本内容
    text(value)     获取元素中文本内容
    val()           获取表单中的文本内容
    val(value)      获取表单中的文本内容                    
    /-----------------------------/




    /-----------------------------/
    属性
    attr();
    removeAttr();
    /-----------------------------/


    /-----------------------------/
    样式
    Css();
    addClass();
    removeAttr();
    toggleClass();
    /-----------------------------/


    /-----------------------------/
    设置大小
    width();
    height();
    innerWidth();
    innerHeight();
    outerWidth();
    outerHeight();
    /-----------------------------/


    /-----------------------------/
    位置
    Offset();
    ScrollTop();
    /-----------------------------/


    判断li里面是否有box，一般用于表单验证
    alert($("li").is("#box")); 


    判断li里面是否包h1这个class，必须是class
    alert($("li").hasClass("h1")); 


    通过所有找出某一部分元素
    $("li").slice(2,6).css("background","#ccc");
    找出li中的第2-6个元素，背景色灰色


    过滤出class为h1的元素
    $("li").filter(".h1").css("color","red");


    找到所有的儿子节点
    $("ul").contents().css("color","green");


    输出标签里面的内容
    alert($("#box").html());


    获取标签里面的值
    alert($("#box").html());


JQ的样式操作CSS
    
    addClass()      向被选元素添加一个或多个类
    removeClass()   从备选元素删除一个或多个类
    toggleClass()   对备选元素进行添加/删除类的切换操作
    css()           设置或者返回样式属性


JQ的节点操作


    A，父子：
        append
        appendTo
        prepend
        prependTo
    B，兄弟
        After
        before
        insertAfter
        insertBefore


    C，包裹节点


        Wrap
        Unwarp
        wrapAll
        wrapInner


    D，删除节点


        Remove
        Detach()  保留事件


    E，替换节点


        replaceWidth()


    F,清空节点


        Empty()