一、基础

  • jQuery 是一个 JavaScript 库。是客户端脚本库
  • jQuery 兼容于所有主流浏览器, 包括 Internet Explorer 6!
  • JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！所以**
//百度CDN
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>

  • jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

    • 基础语法： $(selector).action()
    • 美元符号$ 定义 jQuery，是它的别称*（两者可以互相代替）*
    • $ 是jQuery的顶级对象
    • 选择符（selector）“查询"和"查找” HTML 元素
    • jQuery 的 action() 执行对元素的操作

  • jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

  • jQuery 代码在文档在完全加载（就绪）之后运行(即：入口函数)

    • 写法1
    $(document).ready(function(){// 开始写 jQuery 代码...});
    • 写法2（更推荐使用）
    $(function(){// 开始写 jQuery 代码...});
    • 是等着DOM结构渲染完毕即可执行，不用等到所有外部资源加载完成。
    • 相当于原生js中的DOMContentLoaded。
    • 不同于原生js中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。

  • jQuery 选择器基于已经存在的CSS 选择器，除此之外，它还有一些自定义的选择器。

  • 项目中使用jQuery函数最好单独放在一个.js中，使用src引入。

  • jQuery对象和DOM对象（原生JS获取到的）的相互转换：

    • jQuery转换为DOM对象

      • 因为dom对象是以伪数组形式存储的，所以可以索引号获得DOM对象
      $(dom对象)[index]
$(dom对象).get(index)

    • DOM对象转换为jQuery对象

      • jQuery对象的本质：利用$对DOM对象包装后产生的对象（伪数组形式存储）
      //直接取的,或者是包装已获取的DOM对象
$(DOM对象)

  • 在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。两者不能混用

  • focus一般和blur搭配使用。（需要还原focus前面的样式）

二、常用效果/API