JS-jQuery

JQ是JS写的插件库，说白了，就是一个js文件,凡是用jq能实现的，js都能实现，js能实现的，jq却不一定能实现
JQ的理念：Write less, do more，
打开网页https://www.bootcdn.cn/jquery/

可以选择最新的.js文件载入。点击复制标签，在html文件中直接粘贴即可

本地引入：将上图种的.js文件复制到地址栏打开，可以出现一万多条代码，这就是JQ，将之复制到本地文件夹，在script标签连接即可。无论是网络引用，还是本地引用，在使用的时候，请再次打开一个script标签，需要写的内容放入新打开的标签内。

JQ的选择器：

在jQ中使用选择器选择元素和在CSS中使用CSS选择器是一样的 。

    
    
    


按钮

JQ的基本使用

html()	text()	get()/[]	$()	click()	hover()
修改内容	修改内容	转换	转换	点击	鼠标

append()	prepend	before()	after()	empty()	remove()
追加	添加	前	后	清空	移除

 

        
111111
        
222222
        
333333
        
444444
        
555555

jQ基本使用二：

参数	描述
attr	操作属性
removeAttr	删除操作属性
addClass	添加属性
removeClass	移除属性
toggleClass	切换添加或删除属性
hasClass	判断属性是否存在
each()	遍历
index()	索引
scroll	滚动条使事件
scrollTop	滚动条使事件
scrollLeft	滚动条使事件

jQ基本使用三：

参数	描述
parent	父元素
children	子元素
siblings	兄弟元素
find	后代元素
parents	祖宗元素
position	定位父级
offset	窗口
width/height	宽/高
on/off	循环添加/移除

jQ操作样式

动画

常用特俗符号：

hide()	show()	slideUp	slideDown	slideToggle	fadeIn	fadeOut	fadeTo
隐藏	显示	向上	向下	取反	淡入	淡出	自定义

fadeToggle	animate	stop	delay
取反	动画	停止	延迟