jQuery（基础知识）

最新推荐文章于 2022-01-22 11:56:44 发布

Z先生CCC

最新推荐文章于 2022-01-22 11:56:44 发布

阅读量128

点赞数

文章标签： jQuery

本文链接：https://blog.csdn.net/cccc5210/article/details/101567616

版权

jQuery基础知识小结

什么是jQuery？

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery是javascript的一个库同时也是对js更加简便操作。

jQuery的四个特征：

用CSS选择来筛选元素
链式语法
基于方法
支持json解析

jQuery（库）的功能

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画\
HTML DOM 遍历和修改
AJAX
Utilities

jQuery的使用

jQuery的引用

<head>
	<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
	</script>
	<script src="my_jquery_functions.js"></script>
</head>

JS对象和JQ对象互转：

JS对象–>JQ对象 $(JS对象) $(this)
JQ对象–>JS对象 JQ对象[0]

jQuery的语法

基础语法： $(selector).action()
美元符号定义 jQuery
选择符（selector）“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作

常见的事件和方法

jQuery常用事件

事件	描述
load	当文档加载时运行脚本
blur	当窗口失去焦点时运行脚本
focus	当窗口获得焦点时运行脚本
change	当元素改变时运行脚本
submit	当提交表单时运行脚本
keydown	当按下按键时运行脚本
keypress	当按下并松开按键时运行脚本
keyup	当松开按键时运行脚本
click	当单击鼠标时运行脚本
dblclick	当双击鼠标时运行脚本
mousedown	当按下鼠标按钮时运行脚本
mousemove	当鼠标指针移动时运行脚本
mouseout	当鼠标指针移出元素时运行脚本
mouseover	当鼠标指针移至元素之上时运行脚本
mouseup	当松开鼠标按钮时运行脚本
abort	当发生中止事件时运行脚本

jQuery的常用方法

方法	描述
$(selector).hide()	隐藏被选的元素
$(selector).show()	显示被选的元素
$(selector).toggle()	对被选元素进行隐藏和显示的切换
$(selector).slideDown()	通过调整高度来滑动显示被选元素
$(selector).slideToggle()	对被选元素进行滑动隐藏和滑动显示的切换
$(selector).slideUp()	通过调整高度来滑动隐藏被选元素
$(selector).fadeIn()	逐渐改变被选元素的不透明度，从隐藏到可见
$(selector).fadeOut()	逐渐改变被选元素的不透明度，从可见到隐藏
$(selector).fadeTo()	把被选元素逐渐改变至给定的不透明度
$(selector).animate()	对被选元素应用“自定义”的动画