1.Jquery是什么?
Jquery其实就是一个js框架(javascript文件)
设计思想就是将原始的DOM对象封装成一个JQuery对象,提供JQuery对象的方法来达到操作原始DOM对象的功能,这样设计的目的是为了简化前端的开发和支持所有的浏览器.
2.JQuery编程的步骤?
1>利用JQuery当中提供的选择器可以找到JQuery对象.
2>可以使用JQuery对象提供的方法对这个对象进行相应的操作.
3.JQuery对象和DOM对象的转换?
1>JQuery对象转换成DOM对象
JQuery对象的get(0)方法转换成DOM对象.
2> DOM对象转换成JQuery对象
$(DOM对象)转换成Jquery对象.
4.jquery选择器
1>基本选择器 id class 分组 元素
2>层次选择器
3>基本过滤选择器 :first :last :eq :even :odd
4>内容过滤器选择器 :contains() :has()
5> 可见性过滤选择器
6>属性选择器
7>子元素选择器 :nth-child(n)
8>表单选择器
9>表单对象属性选择器 :enabled :disabled :checked :selected
5.jquery对象的DOM操作方法
text()-------可以设置或获取文本
html()------可以设置或获取相应的html内容
attr() ----------可以设置或获取属性值
val()-----------可以设置或获取某些标签的value属性值
创建一个jquery对象-----------$("<div></div");
插入jquery对象:
append()-----------作为最后一个孩子追加
prepend()----------作为第一个孩子追加
after()------------作为下一个兄弟插入
before()----------作为前一个兄弟插入
删除jquery对象:
remove()----------删除jquery对象
empty() -----------清空内部内容
设置属性获取属性删除属性:
attr() removeAttr()
遍历的相关方法:
children() -------获取所有子元素对象组成数组
prev()-----------前一个兄弟
next()-----------下一个兄弟
parent()---------父元素对象
siblings()--------所有的兄弟的数组
6.jquery当中的事件处理?
事件绑定: bind("事件名称" ,函数)
解除绑定: unbind("事件名称")
事件处理代码的绑定可以使用同名事件方法来绑定.
合成事件: hover(f1,f2)----------模拟鼠标移入移出点击
toggle(f1,f2...fn)------------模拟鼠标连续点击
7.jquery动画函数?
show() ------------显示
hide()-------------隐藏
改变高度的动画函数: slideDown() slideUp()
淡入或淡出: fadeIn() fadeOut()
自定义动画: animate() stop()
8.jquery当中的数组操作方法?
$.each()--------------遍历数组
eq()------------------获取指定下标的jquery对象
index()--------------获取jquery对象的下标
9.jquery当中的对ajax支持的方法?
$.ajax();
$.get()
$.post()
$.getJSON()
serialize()