第一章 认识jquery
1.javascript库封装了很多预定义的对象和实用函数,能帮助使用者轻松建立有高难度交互的WEB2.0特性的富客户端页面,并且兼容各大浏览器;
2.在jquery库中,$就是jquery的一个简写形式
3.可以通过javascript中的getElenmentById来获取元素节点,像这样得到的DOM元素就是DOM对象,DOM对象可以使用javascript中的方法。
jquery对象就是通过jquery包装DOM对象后产生的对象,jquery对象是jquery独有的,如果一个对象是jquery对象,那么就可以使用jquery里面的方法;
可以转换;
第二章 jquery选择器
1.基本选择器,层次选择器,过滤选择器(基本过滤选择器,内容过滤选择器,可见性过滤选择器,属性过滤选择器,子元素过滤选择器,表单对象属性过滤选择器),表单选择器;
第三章 jquery中的DOM操作
1.DOM操作分为3个方面:DOM核心,HTML-DOM,CSS-DOM(获取和设置style对象的各种属性).
2.查找节点:
查找元素节点:选择器
查找属性节点:先查找到元素节点,然后attr()获取属性
创建节点:
创建元素节点:$(“html标签代码”)
创建文本节点:同上
创建属性节点:同上
插入节点:append()
删除节点:remove()/empty()
复制节点:clone()
替换节点:replace()
包裹节点:wrap()
遍历节点:children(),next(),prev(),siblings(),closest()
3.属性操作:
获取和设置属性:attr()
删除属性:removeAttr()
4.样式操作:
获取和设置样式:attr()
追加样式:addclass()
移除样式:removeclass()
切换样式:toggleClass()
判断是否含有某个样式:hasClass()
5.设置和获取HTML,文本和值
html():读取或者设置某个元素中的HTML内容
text():读取或设置某个元素中的文本内容
val():设置和获取元素的值
6.CSS-DOM操作:
css(),width(),height(),offset(),position(),scrollTop(),scrollLeft()
第四章 jquery中的事件和动画
1.当文档或者它的某些元素发生某些变化或操作时,浏览器会自动生成一个事件。
2.jquery中的事件:
加载DOM:$(document).ready() $() $().ready()
事件绑定:bind()
合成事件:hover(),toggle()
事件冒泡:
事件对象:只有事件处理函数才能访问到,事件处理函数执行完毕后,事件对象就被销毁,为函数添加一个event参数即可实现;
停止事件冒泡:stopPropagation()
阻止默认行为:preventDefault()
事件对象的属性:
event.type()获取到事件的类型
…
移除事件:unbind()
模拟操作:trigger(),triggerHandler()
其他用法:
3.jquery中的动画:
show(slow600/normal400/fast200/x(毫秒,1秒=1000毫秒))方法和hide()方法;
fadeIN()方法和fadeOut()方法:改变元素的不透明度;
slideUp()方法和slideDown()方法:改变元素的高度
自定义动画方法:animate(params,speed,callback)
停止动画和判断是否处于动画状态:stop(),is(“:animated”)
其他动画方法:
toggle():切换元素的可见状态;
slideToggle():通过高度变化来切换元素的可见性;
fadeTo():把元素的不透明度以渐进方式调整到指定的值;
第五章 jquery对表格表单的操作及更多应用
1.表单标签:包含处理表单数据所用的服务器程序URL以及数据提交到服务器的方法;
表单域:包含文本框,密码框,隐藏域,多行文本框,复选框,单选框,下拉选择框和文件上传框;
表单按钮:包括提交按钮,复位按钮和一般按钮,用于将数据传送到服务器上或者取消传送,还可以用来控制其他定义了处理脚本的处理工作;
2.单行文本框应用:获取和失去焦点改变样式,focus(),blur()
多行文本框应用:高度变化(判断是否处于动画,判断高度,加/减),滚动条高度变化(scrollTop)
复选框应用:全选、反选、全不选()
下拉框应用:将选中的选项添加给对方,将全部选项添加给对方,双击某个选项将其添加给对方;
表单验证:必填项(类名、追加),失去焦点事件(用户名长度,邮箱格式)
3.隔行变色:
表格展开关闭:
表格内容筛选:
4.其他应用:网页字体大小,网页选项卡,网页换肤
第六章 jquery与Ajax的应用
1.XMLHttpRequest对象,发送异步请求,接收响应及执行回调。
2.在jquery中,$.ajax()方法属于最底层的方法,第2层是load(),$.get()和$.post(),第三层是$.getScript()和$.getJSON()方法;
第七章 插件的使用和写法
1.表单验证插件Validation
2.表单插件Form
3.动态绑定事件插件livequery
4.jquery UI插件:交互,微件,效果库
5.管理Cookie的插件Cookie
6.插件的种类:封装对象方法的插件,封装全局函数的插件,选择器插件;
第八章 用jquery打造个性网站