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

jQuery入门

时间:2018-10-31 15:34:42      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:除了   命名   通过   可见性   css   inpu   压缩版   head   and   

jQuery简介

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

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

  • 它封装JavaScript常用的功能代码,优化HTML文档操作、事件处理、动画设计和Ajax交互

导入方式

  • 本地文件

    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>

  • CDN(远程)

    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>

  • 说明:

    • 使用jQuery必须指定版本(可以通过文件名或目录),因为不同版本有兼容问题,还可能有BUG。

    • 带min的版本是压缩版本,压缩就是删除了多余的用于格式控制的空格、回车等字符,以节约空间。

    • 使用CDN若没有指定协议,表示是自适应协议

    • jQuery代码要写在传递的匿名函数中,命名函数可以指定多个

使用:

jQuery(document).ready(function(){
    alert(123)
})

$(document).ready(function(){
    alert(456)
})

$(function(){
    alert(789)
})

选择器

  • 基本:id、class、tagname、组合

  • 层级:

    • ancestor descendant:指定祖先的所有指定后代元素

    • parent > child:parent下的直接子元素child

    • prev + next:匹配所有紧接在 prev 元素后的 next 元素

    • prev ~ siblings:匹配 prev 元素的所有同辈 siblings 元素

  • 基本:first、last、not、even、odd、eq、lt、gt、header、animated

  • 内容:contains、empty、has、parent

  • 可见性:visible、hidden

  • 属性:键手册

  • 子元素:first-child、last-child、nth-child、only-child

  • 表单:input、text、password、file、hidden、...

  • 表单对象属性:enabled、disabled、checked、selected

jQuery入门

标签:除了   命名   通过   可见性   css   inpu   压缩版   head   and   

原文地址:https://www.cnblogs.com/542684416-qq/p/9843476.html

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