码迷,mamicode.com
首页 > Web开发 > 详细

jQuery入门

时间:2018-04-07 18:57:36      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:使用   ast   focus   组合   child   html   post   script   func   

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

标签:使用   ast   focus   组合   child   html   post   script   func   

原文地址:https://www.cnblogs.com/kiki5881/p/8733973.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!