jquery入门

一、安装使用

1.可以在官网下载导入使用

从Download jQuery | jQuery 下载 jQuery 

2.从CDN（静态资源库）中查找jquery，使用script导入，我习惯使用字节跳动静态资源库（字节跳动静态资源公共库）

3.安装好后，可以在控制台输入 $.fn.jquery 来查看你使用的jquery的版本

 

 二、语法

1.基础语法：$(选择器).行为() ====>$(selector).action()

eg:

$("p").hide() --------隐藏所有p元素

$(".text").hide()--------隐藏所有class=text的元素

$("#box").hide()--------隐藏所有id=box的元素

2.文档就绪事件

学习了HTML和JavaScript的人应该都知道，加载页面的时候首先会先加载DOM，等DOM加载完后才会加载css和js，这样就会导致页面出现一些错误，比如页面加载时就要获取一个没有完全加载的图片的大小，所以在jquery中就使用了文档就绪事件，防止文档在完全就绪之前就运行jquery

//jquery写法一
$(document).ready(function(){
  //写jquery代码
})



//jquery写法二
$(function(){
  //写jquery代码
})


//原生JavaScript中的写法
window.onload=function(){
  //javascript代码
}


//这里的function可以换成箭头函数

 三、基本使用

1.jquery选择器是基于css已经有的选择器，使用jquery选择器来获取元素，相比元素JavaScript简单很多

$("*")	选中所有的元素
$("this")	选择当前的HTML元素
$("p")	选择当前页面中所有的p元素
$("p .text")	选择当前页面中所有class=text 的p元素
$("p #box")	选择当前页面中所有id=box 的p元素
$("p:first")	选择当前页面中所有p元素的第一个
$("[attribute]")	选择带有attribute属性的元素
$("[type='button]")	选择带有type=button属性的元素