读锋利的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