jQuery入门一（jQuery下载以及基本语法）

时间 2019-12-13

原文原文链接

1. jQuery简介 jQuery是一个快速、简洁的JavaScript框架，是继Prototype以后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，作更多的事情。它封装JavaScript经常使用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操做、事件处理、动画设计和Ajax交互。详情请查看百度百科简单来讲，jQuery就是简化了JS中繁琐的DOM操做，使你的代码更简洁，真正作到“write Less，Do More”javascript

2. 下载以及引用html

下载

jQuery的推荐去官网下载 jQuery下载地址以下图所示： java

两个连接对应的文件

编号	1	2
文件名	jQuery.3.4.1.min.js	jQuery.3.4.1.js
版本	发布版（压缩版）	开发版（常规版）
适用场景	项目上线时用	平时开发用
区别	删除了全部的空格和回车，代码很是紧凑，可读性变差，可是文件大小缩减了，页面的访问速度加快了	规范的代码，可读性高

两个文件内容都是如出一辙的，只是文件大小不一样jquery

引用

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
	</head>
	
	<body>
	
	</body>
</html>
复制代码

直接引入外部文件就好了，文件路径信息不要写错，jQuery的下载以及引用就结束了。windows

3. 基本语法与初始函数设计模式

基本语法

$(选择器).方法名（）;
复制代码

jQuery中选择器语法能够参考CSS，由于它们很是类似。 **核心函数符号表明jQuery，因此bash

$(function(){}) 等价于
 jQuery(function({})
复制代码

两种写法都是合法的，意思都同样，$是简写的一种形式框架

- 初始函数函数

	windows.onload()	$(document).ready()
执行时机	必须等待页面中全部的内容加载完毕后（图片、flash、视频等）才能执行	网页中全部的DOM文档结构绘制完毕后当即执行，可能与DOM元素关联的内容（图片、flash、视频）并无加载完。
编写个数	同一页面不能编写多个	同一页面能够编写多个
简化写法	无	$(function(){})

- DOM模型 将HTML XML等文档结构的标签语言当作DOM模型 DOM模型下便是DOM节点 DOM节点有三种类型：优化

元素节点：例如<html> <div> <body>...全部的元素
属性节点：元素节点的属性例如title src alt...
文本节点：文本节点

- DOM对象

以上三种节点类型的具体对象就是DOM对象。使用层面：凡是JavaScript可以直接操做的对象，就是DOM对象。 例如：var title = document.getElementById("myTitle"); 经过js获取到的title对象，就是一个DOM对象

- jQuery对象 凡是jQuery可以直接操做的对象，就是jQuery对象。为了容易区别DOM对象和jQuery对象，通常都会在jQuery对象名称前加title = title 就是一个jQuery对象。一样一个元素，既能够成为一个DOM对象（JavaScript对象），也能够成为一个jQuery对象。

注意：DOM对象只适用于js的各类语法（函数、属性），jQuery对象只用于jQuery的各类语法（函数、属性）。 DOM对象与jQuery对象互相独立。 例如： title是DOM对象，所以可使用js属性或方法 title.innerHTML title.html()`