1、jquery选择器分为四大类:基本选择器、层次选择器、过滤选择器、表单选择器
2、基本选择器---根据id查询
-根据元素名查询
-类名
-集合元素
-* 匹配所有
3、层次选择器---后代选择器
-子元素选择器 >
-相邻元素选择器 +
-兄弟选择器 ~
4、过滤选择器---匹配索引(first last eq gt lt even odd)
-匹配网页中所有h元素(:header)
-匹配网页中正在执行动画效果的元素(:animated)
---内容过滤选择器(:contains())(:has())
---属性过滤选择器(:[class])(:[class=属性值])
---可见性过滤选择器 (:visible)(:hidden)
---表单对象属性过滤选择器(‘input:checked’)(‘input[type=checkbox]:checked’)
5、表单选择器
-选取所有的input textarea select button password
文件上传按钮等等
二、juqery dom操作
1、节点的增删改查:append():父元素添加子元素
appenfTo():把子元素添加到父元素上
Remove()删除元素节点(先定位到要删除的节点,然后再删除【自己删除自己】)
Empty()清空元素内容,但不删除节点(先定位到要清空的节点)
Clone()复制节点,只是复制节点 要想连上面绑定的事件一起复制
举要添加参数true
replaceWith()替换节点用**
replaceAll()用**替换**
Wrap()包裹节点 把所有的元素一个一个的抱起来(用多个标签来包裹)
wrapAll()把所有元素用一个标签包裹起来
Attr()设置属性
removeAttr()删除属性
addClass()添加样式
removeClass()删除样式
ToggleClass()切换样式如果原来有就删除 没有就添加
Children()当前父元素下的所有子元素
Prev()当前元素的上一级同辈元素
Next()当前元素的下一集同辈元素
Siblingd()当前元素的前后所有同辈元素
三、juquery中绑定事件
1、bind(‘事件名’,function)绑定事件
【合成事件】
2、Hover(function, function)相当于focus和blur
3、Toggle(function,function)相当于连续点击
【事件对象】event对象实在时间点击发生时自动产生的,当事件完毕时,该对象自动消失
Event.pageX event.pageY 获得xy轴坐标
event.which获得鼠标或键盘的按键
4、Trigger()模拟事件
【动画效果】
5、show() hide() 通过设置时间来达到动画效果
6、fadeIn()渐入 fadeOut()渐出 通过改变元素的不透明度来显示出动画效果
7、slideUp()卷上去 slideDown()卷下来 帘子似的【通过改变div的height高度来实现动画效果的】
8、toggle()切换 如果当前元素是显示的,就会让该元素隐藏,如果是隐藏的,就让他显示出来
9、【toggle】1、来回点击 2、显示与隐藏之间的切换 3、toggleClass class样式(有了该样式就删除,没有就添加一个样式)
10、自定义动画 animate(参数列表,速度,回调函数);动画演示完毕之后执行一个回调函数【参数列表:要改变的地方】
Stop()停止动画,如果动画正在执行,先让他停下来,然后执行其他动作