- Jquery属于什么?
- javascript的一个库
- 一个.js文件
- 用什么用？
- 可以提高javascript的编程效率
- 使用流程
- 用一个html<script type='text/javascript' src='???'>标签 导入相应的jquery.js文件
- Jquery架构
- 选择器 你的目标在哪里
- 元素选择器 就是HTML标签 格式:[$("XXXX")]
- 属性选择器 就是HTML标签内的各种属性 格式:[$("[XXXX=YYYY]")]
- CSS选择器 就是HTML标签的CSS样式 格式:[$("XXXX").css(key,value)]
- ID选择器 就是HTML标签的ID属性 格式[$("#XXXX")]
- Class选择器 就是HTML标签的Class属性 格式[$(".XXXX")]
- 层次选择器 就是HTML标签的结构层次以上选择器的组合 格式[$("1234")]
- Jquery事件驱动机制 你要做什么事情
- $(document).ready(function 事情的过程) HTML 加载就绪的时候去执行
- $(选择器).click(function 事情的过程) 单击目标的时候
- $(选择器).dbclick(function 事情的过程) 双击目标的时候
- $(选择器).focus(function 事情的过程) 获得关注的时候
- $(选择器).mouseover(function 事情的过程) 鼠标移到上面的时候
- Jquery动态技术 具体使用请参考 帮助文档
- $(选择器).hide() 隐藏目标
- $(选择器).show() 显示目标
- $(选择器).toggle() 切换目标
- $(选择器).animate() 定义目标的动画效果
- $(选择器).fadeIn() 淡入目标
- $(选择器).fadeOut() 淡出目标
- Jquery搭积木技术
- HTML部分
- $(选择器).html(context) 在HTML内部添加标签
- $(选择器).append(context) 在目标内部添加标签
- $(选择器).prepend(context) 在目标内部内容之前添加标签
- $(选择器).after(context) 在目标之后添加标签
- $(选择器).before(context) 在目标之前添加标签
- CSS部分
- $(选择器).css(key,value) 设置单个任意CSS样式
- $(选择器).css({key,value,....}) 设置多个任意CSS样式
- $(选择器).css(key) 获取一个匹配的CSS属性值
- Jquery AJAX 代理请求技术
- $(选择器).load(url,data,callback) 把数据加载到目标内部
- $.ajax(options) 参数实在太多 参考帮助文档
- $.get(url,data,callback,type) get方法发送一个ajax 请求
- $.post(url,data,callback,type) post方法发送一个ajax 请求
- $.getJSON(url,data,callback) get方式的请求返回JSON格式的数据
- $.getScript(url,data,callback)加载一个JavaScript文件