jQuery基础总结

jQuery基础总结：$是jQuery的核心函数，能完成jQuery的很多功能，$()就是调用$这个函数；传入参数为[函数]时，在文档加载完成后执行这个函数。

jQuery

• 简介
  • 顾名思义，就是javascript和查询(Query),他就是辅助javascript开发的js类库
  • 核心思想是write less,do more(写得更少，做的更多)，所以它实现了很多浏览器的兼容问题
• jQuery的初体验
  • ###
  • 使用jQuery一定要引入jQuery库
  • $是一个函数
• jQuery核心函数
  • $是jQuery的核心函数，能完成jQuery的很多功能，$()就是调用$这个函数
  • 传入参数为[函数]时，在文档加载完成后执行这个函数
  • 传入参数为[HTML字符出啊]时：根据这个字符串创建元素节点对象
  • 传入参数为[选择器字符串]时：根据这个字符串查找元素节点对象
  • 传入参数为[DOM对象]时：将DOM对象包装成 jQuery对象返回
• jQuery 对象和 dom 对象区分
  • DOM对象
    • 1.通过 getElementById()查询出来的标签对象是 Dom 对象
    • 2.通过 getElementsByName()查询出来的标签对象是 Dom 对象
    • 3.通过 getElementsByTagName()查询出来的标签对象是 Dom 对象
    • 4.通过 createElement() 方法创建的对象，是 Dom 对象
      • DOM 对象 Alert 出来的效果是：[object HTML
    • DOM 对象 Alert 出来的效果是：[object HTML
  • jQuery
    • 通过 JQuery 提供的 API 创建的对象，是 JQuery 对象
    • 通过 JQuery 包装的 Dom 对象，也是 JQuery 对象
    • 通过 JQuery 提供的 API 查询到的对象，是 JQuery 对象
    • jQuery 对象 Alert 出来的效果是：[object Object
• jQuery对象的本质
  • jQuery对象时dom对象的数组 + jQuery提供的一系列功能函数
• jQuery 对象和 dom 对象的使用区别
  • jQuery对象不能使用DOM对象的属性个方法
  • DOM对象也不能使用jQuery对象的属性和方法
• DOM对象和jQuery对象互转
  • dom对象转化为jQuery对象
    • 先有DOM对象
    • $(DOM对象)就可以转换称为jQuery对象
  • jQuery对象转换为dom对象
    • 先有jQuery对象
    • jQuery对象[下标取出响应的DOM对象]
      • ###
• jQuery选择器
  • 基本选择器
    • #ID 选择器
      • 根据id查找标签对象
    • .class 选择器
      • 根据class查找标签对象
    • element 选择器
      • 根据标签名查找标签对象
    • * 选择器
      • 表示任意的，所有元素
    • selector1,selector2 组合选择器