jQuery引入方式-jQuery选择器-jQuery简介

jQuery简介

• jQuery是一个快速、简洁的JavaScript框架
• jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
• 它封装JavaScript常用的功能代码，优化HTML文档操作、事件处理、动画设计和Ajax交互。

引入方式

• 示例：

  <!-- 加载本地资源 -->
  <!-- <script src="jquery-1.11.3/jquery.js" type="text/javascript" charset="utf-8"></script> -->
  <!-- 加载CDN资源 -->
  <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
  ​
  <script type="text/javascript">
          
      jQuery(document).ready(function(){
          console.log(123)
      })
  ​
      $(document).ready(function(){
          console.log(456)
      })
  ​
      $(function(){
          console.log(789)
      })
    
  </script>

• 说明：
  • 使用时必须指定版本(目录/名称)，因为不同版本有兼容问题，甚至有BUG
  • 带min的版本表示压缩版本，就是删除了用于格式控制的空格回车等字符
  • jQuery代码要写在回调函数中，可以绑定多个回调函数

选择器

• 基本：id、class、标签名、*、组合
• 层级：E F、E > F、E + F、E ~ F
• 基本：first、last、eq、gt、lt、even、odd、header、not、animated、focus
• 内容：contains、empty、has、parent
• 可见性：hidden、visible
• 属性：见文档
• 子元素：first-child、last-child、nth-child、only-child
• 表单：input、text|password|...
• 表单对象属性：enabled、disabled、checked、selected

练习：

• 预习：文档处理、筛选、事件、效果