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号"]);
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”的字符串;