jQuery入门

Posted 大蟒在线

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery入门相关的知识,希望对你有一定的参考价值。

什么是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

以上是关于jQuery入门的主要内容,如果未能解决你的问题,请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)

几个有用的JavaScript/jQuery代码片段(转)

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段