jQuery简介

最新推荐文章于 2020-06-25 15:38:23 发布

ANGWH

最新推荐文章于 2020-06-25 15:38:23 发布

阅读量193

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/ANGWH/article/details/105933631

版权

jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

在写之前，在HTML页面引入jQuery库

入口函数

	//第一种写法
	$(document).ready(function(){

　　})
　　//简洁写法
　　$(function(){

　　})

与js入口函数差不多

	window.onload = function () {
	 
	}

都会等待页面加载完成，但是js会等待图片加载完成开始执行，jQuery不会。

$符号

在jQuery库中，$是jQuery的简写形式
在这里插入图片描述

两者没有区别。

js对象与jq对象可以相互转换
jq对象转换 dom对象

  	var $box = $(".box")
    var box = $box[0];
    //然后就可以使用dom方法操作

dom对象转换 jq对象

	var box = document.getElementsByClassName("box")[0];
    var $box = $(box);

jQuery基本选择器

	id选择器：#id 		$("#one")
	class选择器：.class 		$(".mini")
	选择元素名：$(元素名)	 	$("div")
	所有元素：* 		$("*")	
	并列 	$("a,li,#id,.className") 	此时里面所有选择器的都会被选中

jQuery操作CSS样式
在这里插入图片描述
效果：

设置单个样式和多个css样式如上。

jQuery操作Class样式

向被选元素添加一个或多个类名     addClass
从被选元素移除一个或多个类	  removeClass
检查被选元素是否包含指定的 class 名称    hasClass
在被选元素中添加/移除一个或多个类之间切换   toggleClass

在这里插入图片描述

还有很多jq方法，这里我就不一一列举出来了，可以去官网文档查看，可以能找到最正确的介绍

关注