jQuery入门选择器

一、jQuery的概念
jQuery:就是封装了很多JS代码的代码库,他不是一门语言,而是js的框架,也包含了90%的JavaScript
jQuery的官方地址:http://jquery.com/
二、引入jQuery:将js文件复制到项目中
在html中新建一个目录 用来装载jQuery

	<!-- 引入jQuery -->
	<script src="../js01/jquery-3.5.1.js"></script>
	注意 引入jQuery时需要把引入代码放在 head部位,
	否则可能出现报错

三、使用jQuery

点击按钮修改颜色:

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		.contaianer{
   
			width: 100px;
			height: 100px;
			background: #00FFFF;
		}
		</style>
		<!-- 引入jQuery -->
		<script src="../js01/jquery-3.5.1.js"></script>
	</head>
	<body>
		<div class="contaianer"></div>
		<button onclick="fun02()">点我改变颜色</button>
		<script>
		//jqery 不是一门语言
		//jQuery 是js的框架 (是js的升级+简化)
		function fun01(){
   
			let div=document.getElementsByClassName("contaianer")[0]
			div.style.background="red"
		}
		console.log($) //输出jQuery
		
		function fun02(){
   
			// $就是jQuery
			let div=$(".contaianer")
			//修改样式
			div.css("background","red")
		

你可能感兴趣的:(jquery,javascript,前端)