zoukankan      html  css  js  c++  java
  • 读锋利的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”的字符串;

  • 相关阅读:
    Solr学习笔记(5)—— Spring Data Solr入门
    Redis学习笔记(6)——SpringDataRedis入门
    SpringDataRedis java.net.UnknownHostException: 127.0.0.1 错误
    Spring Security 入门
    基于Laravel框架下使用守护进程supervisor实现定时任务(毫秒)
    laravel框架中Job和事件event的解析
    Laravel源码解析之model(代码)
    Laravel框架下路由的使用(源码解析)
    Laravel服务容器的绑定与解析
    laravel框架中超实用的功能介绍
  • 原文地址:https://www.cnblogs.com/gzbnet/p/3270255.html
Copyright © 2011-2022 走看看