zoukankan      html  css  js  c++  java
  • 锋利的jquery第二版学习笔记

    jquery系统学习笔记

    一、初识:
    jquery的优势:
    1、轻量级(压缩后不到30KB)
    2、强大的选择器(支持css1、css2选择器的全部 css3的大部分 以及一些独创的 加入插件的话还可支持XPath)
    3、出色的Dom封装(简化原本复杂的操作)
    4、可靠的事件处理机制(跨浏览器兼容性)
    5、完善的Ajax操作(一个$.ajax()方法全部搞定)
    6、不污染顶级变量(只使用了一个名为jQuery的对象 其别名$也可随时让出其控制权 见解决和其它库混用时解决冲突部分)
    7、出色的浏览器兼容性(优秀的js库必备条件之一)
    8、链式操作(点点操作 .end()方法返回上一个破坏性前的jQuery对象)
    9、隐式迭代(jQuery中的方法被自动设计成操作jQuery对象(Dom集合)里的每一个Dom对象 而无需循环)
    10、行为层与结构层分离(得益于选择器 类似css)
    11、丰富的插件支持(jQuery的易扩展性 已经吸引了全球的开发者来编写jquery的插件)
    12、完善的文档
    13、开源

    二、选择器(jquery的根基)
    (支持css1 css2的全部 和 css3的绝对部分 以及一些特有的)
    分类:基本选择器、层次选择器、过滤选择器和表单选择器(分类更易于记忆)

    1、基本选择器
    #id
    .className
    element
    *
    #id , .className

    2、层次选择器
    $("ancestor descendant") 后代选择器
    $("parent>child") 子元素选择器
    $("prev+next") 紧接着prev后的next元素 相当于 .next("选择器") 方法
    $("prev~siblings") 选取prev后的所有siblings的兄弟元素 相当于nextAll()
    备注: $("#prev").siblings("选择器") 方法选择#prev元素的所有的同辈元素

    3、过滤选择器(与css中的伪类选择器方法相同 以一个冒号(:)开头)
    过滤选择器:又分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤

    基本过滤:
    :first 选取第一个元素 如$("div:first") 选取所有div中的第一个
    :last 选取最后一个元素
    :not(selector) 去除所有与给定选择器匹配的元素
    :even 选取索引是偶数的所有元素 索引从0开始 :odd 奇数行
    :eq(index) 选取索引等于index的元素 :gt(index) 索引大于index 的 :lt(index) 索引小于index的
    :header 选取所有标题元素 如 h1~h6
    :animated 选取当前正在执行动画的元素

    内容过滤选择器:
    :contains(text) 选取含有文本内容为“text” 的元素
    :empty 选取不包含子元素或文本的空元素(备注:有空格或者换行也不是空元素哦)
    :has(selector) 选取“含有匹配元素的”

  • 相关阅读:
    实现简单HttpServer案例
    实现简单Mybatis案例
    python 判断文件和文件夹是否存在的方法 和一些文件常用操作符
    常用模块学习
    python格式化输出
    ubuntu 配置vim编辑器
    linux 安装python3.x
    python属性限制 __slots__
    选课系统作业
    通过sorted获取dict的所有key值或者value值
  • 原文地址:https://www.cnblogs.com/lxf1117/p/4256681.html
Copyright © 2011-2022 走看看