jQuery入门

Posted 2020-10-29 大蟒在线

什么是jQuery?

• jQuery是一个快速、简洁的javascript框架。

• 它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互。

• jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

引入方式

• 远程(CDN)

  • <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

• 本地(先下载好文件)

  • <script src="jquery-1.11.3.min.js"></script>

• 使用：

  jQuery(document).ready(function(){ alert(123) })
  $(document).ready(function(){ alert(456) })
  $(function(){ alert(789) })

• 说明：

  • 使用jQuery时必须指定版本，可以通过目录或文件名指定都可以。

  • 带min的版本是压缩版本，压缩就是删除了多余的空格及回车等字符以节约空间。

  • 使用cdn时，若jQuery的地址没有指定协议，说明是自适应协议。

  • 使用jQuery时，代码要写在传递的匿名函数中，可以同时绑定多个函数。

使用jQuery

• 选择器：

  • 基本：id、class、标签、*、组合

  • 层级：

    • parent child：parent下的所有child后代元素

    • parent > child：parent下的所有直接子元素child

    • prev + next：紧跟prev后的next元素

    • prev ~ siblings：prev后面的同胞元素

  • 基本：first、last、even、odd、eq、gt、lt

  • 内容：contains、empty、has、parent