jQuery入门

Posted 2021-01-16 542684416-qq

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