jQuery的使用

jQuery的使用

• 一、jQuery
• • 1.什么是
• 二、jQuery的安装
• • 1.去官网直接下载
  • 2.通过cdn的格式引入
• 三、jQuery语法
• • 1.基础语法
  • 2.实例
  • 3.jQuery页面加载事件和js页面加载事件的区别
  • 4.jQuery中的选择器

一、jQuery

1.什么是

1、jQuery是一个JavaScript函数库。
2、jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
3、jQuery库包含以下功能：HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript特效和HTML DOM 遍历和修改。

二、jQuery的安装

1.去官网直接下载

https://jquery.com/download/

2.通过cdn的格式引入

三、jQuery语法

1.基础语法

• 美元符号定义jQuery
• 选择符（selector）查询和查找HTML元素
• jQuery的action() 执行对元素的操作

2.实例

• 实例中的所有jQuery函数位于一个document.ready函数中

$(document).ready(function(){
	//开始写jQuery代码...
})

• 简写写法（与以上写法效果相同）

$(function(){
	//开始写jQuery代码...
})

3.jQuery页面加载事件和js页面加载事件的区别

• js中的页面加载事件只能写一个,写多个后面覆盖前边的
• jquery页面加载事件可以写多个，都会执行，不会进行覆盖
• js的入口函数是浏览器加载完成之后，也就是外部静态文件（图片、样式、脚本、json等）都要加载完成才能执行
• Query入口函数就是document（dom元素）加载完成后即可执行
• js入口函数不能简写，jQuery入口函数可以简写

4.jQuery中的选择器

jQuery中的选择器分为：基本选择器、层级选择器、过滤选择器、筛选选择器

• 基本选择器
  

• 层级选择器
  

• 过滤选择器
  

• 筛选选择器