读锋利的Jquery，点点滴滴

　　1.遇到$(this)想操作它的子元素，用find()；

　　2.filter(selector) 将匹配元素集合缩减为匹配指定选择器的元素，例如：$("li").filter(":even").css("background-color":"red") 将li下的奇数子元素背景设置为红色；

　　3.$("ul li:gt(5) :not(:last)") 获取索引值大于5且不包含最后一个的元素；

　　4. val和text的区别：text一般是用作span等不能填写的，而val则是用作text等能填写的元素；

　　5. toggle还是比较好用的；

　　6.DOM操作分3方面，DOM Core、HTML-DOM、CSS-DOM；

　　7.默认文本的值this.defaultValue，这个可以用来做提示用；

　　8.select多选问题：multiple="multiple"实现多选，设置值的话就用[]存放；

<select id="multiple" multiple="multiple" style="height: 120px;">
        <option selected="selected">选择1号</option>
        <option>选择2号</option>
        <option>选择3号</option>
        <option>选择4号</option>
        <option selected="selected">选择5号</option>
    </select>
$("#multiple").val(["选择2号", "选择3号"]);

View Code

 

　　9.attr和removeAttr 添加和删除属性，如 $("#multiple option:eq(2)").attr("selected", true)，$("#multiple option").removeAttr("selected");

　　10.replaceWith替换掉原来的元素；

　　11.remove删除连其后代也被删除，删除只是从网页上删除，在jQuery对象中，这个元素还是存在的，我们可以重新获取它；empty是清空节点；

　　12.判断元素是否含有某样式hasClass("another")=is(".another")；

　　13.addClass是不停的加Class，而attr("class","other")是替换样式；

　　14.children()获取子元素，next()和prev()获取后一个、前一个同辈元素，siblings用来匹配所有前后同辈元素；

　　15.parent/parents/closest分别是获取父级元素，获取最上级父级元素，获取最近父级元素；

　　16.height()和css("height")的区别height()和样式无关，获取的是一个值且没有单位，而css("height")与样式有关，获取的可能是auto之类，也可能是“10px”的字符串；

 

转载于:https://www.cnblogs.com/gzbnet/p/3270255.html