JQuery第三天总结

1.    属性过滤器
    $('#dv input[name]')        --获得带有name属性的input元素
    $('#dv input[name=txt]')    --
    $('#dv input[name!=txt]')
    $('#dv input[name^=n]')        --层中name属性值以n开头的input标签
    $('#dv input[name$=e]')        --层中name属性值以e结尾的input标签
    $('#dv input[name*=a]')        --层中name属性值包含a的input标签
    $('#dv input[name][value'])    --层中具有name和value属性的input标签

2.    表单对象过滤器
    $("#form1:enabled");         --不加空格表示的是,所有启用的表单,这样就变成过滤器了
    $("#form1 :enabled");         --加空格表示的是先选取这个表单,表单下所有启用的元素

3.    元素的each--复选框/单选按钮 需要遍历
        var cks = $('#dv :checked');        //取到dv层中所有的checked元素
        var len = cks.length;               //把选中的个数存起来
        var arr = [];                       //用来存value的值
        cks.each(function (k, v) {            //cks的each方法
            
            arr[arr.length] = $(v).val();
        });
        
4.    表单选择器
    $(":input")选取所有<input>、<textarea>、<select>和<button>元素。
    $("input")不一样， $("input")只获得<input>
    
    $(":text")选取所有单行文本框 代替了$(‘input[type=text]’)

5.    可见性过滤器
    内容过滤器
    子元素过滤器
    
6.    JQuery中的Dom操作
    1.    使用html()方法读取或者设置元素的innerHTML
    2.    使用text()方法读取或者设置元素的innerText
    3.    使用attr()方法读取或者设置元素的属性，对于JQuery没有封装的属性
        用attr()进行操作
        $(':checked').attr('checked',true);
        
7.    动态创建元素
    使用$(html字符串)来创建Dom节点，并且返回一个jQuery对象，
    然后调用append等方法将新创建的节点添加到Dom中
    $('<div></div>').appendTo($('body'));
    
    append：用来在元素的末尾追加元素（子节点）
    prepend：在元素的开始添加元素（子节点）
    after：在元素之后添加元素（兄弟节点）        X.insertAfter(Y)
    before：在元素之前添加元素（兄弟节点）        A.insertBefore(B)
    
8.    删除节点
    empty()    清空某元素下的所有子节点
        内部实现方法是：while(ele.firstChild){
            ele.removeChild(ele.firstChild);
        }
    remove(selector)
        删除当前元素，返回值为被删除的元素。
        还可以继续使用被删除的节点，比如将被删除的节点添加到其他节点下
    
9.    //removeAttr()         把当前这个元素的样式移除掉
    //unbind('click')    移除事件
    $(this).removeAttr('style').unbind().appendTo($('#uu2'));
    
10.    节点操作
    替换节点    $("br").replaceWith("<hr/>");
                $('<br/>').replaceAll('hr');
    包裹节点    wrap()方法用来将所有元素逐个用指定标签包裹
                $("p").wrap("<font color=‘red’></font>")
                结果：<font color='red'><p></p></font>
                
                wrapAll()
                wrapInner()
    
11.    样式操作
    获取样式    attr("class")
    设置样式    attr("class","myclass")
    追加样式    addClass("myclass")
    移除样式    removeClass("myclass")
    切换样式    toggleClass("myclass")
    判断是否有样式    hasClass("myclass")