Jquery框架学习笔记

  • Jquery框架
  • Jquery引言
    • Jquery是什么
    • Jquery的优势
    • 其他JS框架
  • 第一个Jquery程序的开发
    • 搭建Jquery的开发环境
    • Jquery语法的特点
    • 特殊函数
  • DOM对象与Jquery对象
  • Juqery对象的获取
    • 选择器
      • 基本选择器
        • id选择器
        • 类选择器
        • 标签选择器
        • 全选择器
      • 层次选择器
        • 后代选择器
        • 儿子选择器
        • 第一个兄弟选择器
        • 后续所有兄弟
      • 过滤选择器
        • 基本过滤选择器
          • :first | 第一个
          • :last | 最后一个
          • :not(select) | 不选择
          • :even | 获得所有的偶数内容(下标从0开始)
          • :odd | 获得所有奇数内容
          • :eq(index) | 获取对应下标的内容
          • :gt(index) | 获得大于某一个下标的内容
          • :lt(index) | 获得小于某一个下标的内容
        • 内容过滤器
          • :contains(text)
          • :empty
          • :has(选择器)
          • :parent
        • 可见选择器
          • :visible
          • :hidden
        • 属性过滤器
        • 表单属性过滤器
          • :checked
          • :selected
        • 表单选择器
          • :text
          • :password
          • :radio
          • :checkbox
          • :submit
          • :button
          • :hidden
          • :file
          • :reset
  • DOM对象和Jquery对象的转换
    • DOM对象—>jquery对象
    • jquery—>DOM对象
  • 一组Jquery对象(遍历)
    • 遍历
    • 长度
    • 获取某一个Jquery对象eq(idx)
  • Jquery中核心的方法
    • 修改HTML标签属性的方法
      • 修改属性
      • 获得属性的值
      • 设置多个属性的值
    • 修改标签的样式属性
      • 修改样式
      • 获取样式的值
      • 设置多个css样式
      • 延迟
    • 修改样式类型
    • text函数
    • HTML函数
    • Val函数
  • Jquery中的事件处理
    • JS中事件处理的两种方法
    • Jquery中通过编程的方式加入事件处理
    • 注意细节
      • this关键字
      • event
    • 复合事件
      • toggle();
      • Hover()
    • 事件处理的完整写法(了解)
    • 特殊事件(了解)
  • Jquery中的DOM编程
    • Jquery创建的HTML标签
      • 创建标签
      • 决定放置位置
    • Jquery删除现有标签
      • 清空标签的内部信息
      • 删除标签
    • Jquery替换
    • 克隆 clone()
    • 一组关系方法
    • 案例:级联菜单
    • 事件委派

Jquery框架

Jquery引言

Jquery是什么

Jquery是一个javascript的框架

Jquery的优势

  • 简化javascript编程
  • Jquery能够屏蔽浏览器的差异
  • Jquery简化了Ajax的开发 $.ajax();
  • Jquery提供了丰富的UI组件与功能插件

其他JS框架

EasyUI、Dojo、ext.js、react.js、angular.js

第一个Jquery程序的开发

搭建Jquery的开发环境

声明引入jquery库
不带min.js 没有经过压缩,源代码不混淆的js文件,适用于学习,能够看到源代码。
带min.js 经过压缩,源代码混淆的js文件,适用于生产环境,看不到源代码。
功能完全一致

<script type="text/javascript" scr="${pageContext.request.contextPath}/js/jquery-1.8.0.min.js">
    
                    
                    

你可能感兴趣的:(前端)