• jQuery基础


    1. jquery轻量级的库,具有强大的选择器、出色的DOM操作、可靠的事件处理、完善的兼容性和链式操作等功能。

    2. 优势:

        轻量级

       强大的选择器

       出色的DOM操作的封装

       可靠的事件处理机制

       完善的Ajax

       不污染顶级变量:$可以随时交出控制权

       出色的浏览器兼容性

       链式操作方式

       隐式迭代

       行为层与结构层的分离

       丰富的插件支持

       完善的文档

       开源

    3. DOM(Document Object Model)文档对象模型,DOM分为DOM Core、HTML-DOM、CSS-DOM,获取元素节点,js用getElementById('a'),jquery用$('#a');但是jquery对象中无法使用DOM的任何方法。

     DOM Core:document.getElementsByTagName('form');           element.getAttribute('src');

     HTML-DOM:document.forms;                                                   element.src;

     CSS-DOM:element.style.color;    

    4. jquery对象转成DOM对象: a  = $('#a')[0] ; 或者a = $('#a').get(0)  DOM对象转成jquery对象: $b= $(doucument.getElementBtId('b'))

    5. jQuery常用的css选择器:标签选择器,ID选择器, 类选择器,群组选择器,后代选择器, 通配选择符。

       选择器详情请见:http://www.cnblogs.com/floraCnblogs/p/html5-css3.html

       常用选择器:

      1)基本选择器(#id; .class;element; *;selector1)、

      2)层次选择器($('div span');$('parent>child');$('prev + next');$('prev~sibling'))、

      3)过滤选择器

        (1基本过滤器(:first;:last;:not(selector);:even(偶数);:odd(奇数);:eq(index);:gt(index);:lt(index);:header;:animated;:focus)、

        (2内容过滤器(:contains(text);:empty;:has(selector);:parent)、

        (3可见性过滤选择器(:hidden;:visible)、

        (4属性过滤选择器([attribute];[attribute=value];[attribute!=value];[attribute^=value];[attribute$=value];[attribute*=value];[attribute|=value];[attribute~=value];[attribute1][attribute2][attribute3])

        (5子元素过滤选择器(:nth-child(index/even/odd/equation);:first-child;:last-child;:only-child)

        (6表单对象属性过滤选择器(:enabled;:disabled;:checked;selected)

      4)表单选择器(:input;:text;:password;:radio;:checkbox;:submit;:image;:reset;:button;:file;:hidden)

    6. <input name="testName" id="testId">  getElementsByName('testName')、getElementsByTagName('input')、getElememtId('testId'), 有无s是因为id只能有一个,name和tag可以多个。

    7.遍历节点

       1)children()儿女而不是所有后代

       2)next()后面紧邻的同辈元素

       3)prev()前面紧邻的同辈元素

       4)siblings()元素前后所有的同辈元素

       5)colsest()首先检查当前元素是否匹配,如果匹配则直接返回元素本身,如果不匹配则向上找父元素,逐级向上直到找到为止

       6)parent()每个元素的父级元素

       7)parents()每个元素的祖先元素

    8. append-》clone-》repalceWith-》wrap-》remove:添加-》复制-》替换-》包裹-》删除-》节点只举了一个

    9. addClass-》removeClass-》toggleClass-》hasClass:追加-》移出-》切换-》是否含有

  • 相关阅读:
    calico 网络流量 过程 分析 apt-get install telnet
    calico 排错记录 apt-get install telnet
    kubernetes 限制网络带宽 annotation -- 注解 -- 类似 label
    vxlan 简单理解 vs calico 网络模型
    ssh配置公私钥远程登录Linux主机 + scp 免密登录ssh-copy-id 如何使用非22端口 + rsync 同步远程机器的文件到本地
    架构图+kubernetes 问题理解 -- kube-pproxy
    声明式API replica controller vs replica set 对比
    Kubernetes哪一点最打动你?或者,它发布过的哪一项特性让你认为最厉害?
    statefulSet + headless service 学习记录 service :selector --> template :label
    nodeSelector + deamonset
  • 原文地址:https://www.cnblogs.com/floraCnblogs/p/jquery.html
Copyright © 2020-2023  润新知