Jquery学习心得由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“jquery学习心得”。
1.脚本方法外面中的jquery变量是按页面顺序加载的,所以在调用页面中DOM对象时,要注意在此之前该元素是否已定义(基本过程中)。
2.$(#...)获得的永远时对象,即使网页上没有此元素。Js不同
JQuery判断某个元素在网页中是否存在:$(#...).length>0
4.2
JQuery中的动画
注意:jQuery中的动画方法,都可以指定以下参数
“slow”:600/”normal”:400/”fast”:200/数字;
animate()可以替代一切其他动画方法。
(1).show()和hide()
改变元素的高度、宽度、透明度直至完全显示或消失
show/hide(“slow”:600/”normal”:400/”fast”:200/数字)
(2).fadeIn()和fadeOut()
改变元素的透明度直至完全显示或消失
(3).slideDown()和slideUp()
改变元素由上至下延伸显示或由下至上隐藏
(4).自定义动画方法:animate()
(5).动画回调函数
(6).停止元素的动画stop([clearQuery][,gotoEnd])
(7).交互动画方法 toggle(speed,[callback]);
slideToggle(speed,[callback]);
fadeTo(speed,opacity,[callback])
五、jQuery 对表单、表格的操作及更多的应用
5.1.表单应用
(1).单行文本框应用
获取和失去焦点改变样式
(2).多行文本框应用
高度变化
滚动条高度变化
(3).复选框应用
全选、全不选、反选、获取复选框中值联动复选框选择
(4).下拉框应用
左右下拉框互相移动选项
(5).表单验证
重点应用 5.2.表格应用
(1).表格变色
隔行变色
单选框控制表格行高亮(end())复选框控制表格行高亮
(2).表格展开关闭
单位:ms
(3).表格内容刷选
5.3.其他应用
(1).网页字体大小设置(2).网页选项卡
(3).网页换肤(引入jQuery中Cookie插件)
六、jQuery与Ajax的应用
6.0.Ajax应用原理
6.1.使用javascript实现Ajax应用
6.2.jQuery实现Ajax应用
载入Html 文档
刷选载入的 Html 文档
传替方式
回调函数
$.get()和$.post()
七、插件的使用和写法
7.1.表单验证插件:Validation
Jquery.matedata.js插件
Validata中文验证信息库
自定义验证规则
7.2.表单插件:Form
核心方法:ajaxForm()和ajaxSubmit()
表单提交前验证表单
7.3.动态绑定事件插件:livequery 7.4.jquery UI插件
与后台结合
7.5.管理Cookie的插件:Cookie 7.6.自定义插件
Color插件
去除左侧或右侧空格插件
表格隔行变色插件 7.7jquery的tree