Jquery简单应用-1.8.3

Jquery属于什么?
1. javascript的一个库
2. 一个.js文件
用什么用？
1. 可以提高javascript的编程效率
使用流程
1. 用一个html<script type='text/javascript' src='???'>标签导入相应的jquery.js文件
Jquery架构

选择器你的目标在哪里
1. 元素选择器就是HTML标签格式:[$("XXXX")]
2. 属性选择器就是HTML标签内的各种属性格式:[$("[XXXX=YYYY]")]
3. CSS选择器就是HTML标签的CSS样式格式:[$("XXXX").css(key,value)]
4. ID选择器就是HTML标签的ID属性格式[$("#XXXX")]
5. Class选择器就是HTML标签的Class属性格式[$(".XXXX")]
6. 层次选择器就是HTML标签的结构层次以上选择器的组合格式[$("1234")]
Jquery事件驱动机制你要做什么事情
1. $(document).ready(function 事情的过程) HTML 加载就绪的时候去执行
2. $(选择器).click(function 事情的过程) 单击目标的时候
3. $(选择器).dbclick(function 事情的过程) 双击目标的时候
4. $(选择器).focus(function 事情的过程) 获得关注的时候
5. $(选择器).mouseover(function 事情的过程) 鼠标移到上面的时候
Jquery动态技术具体使用请参考帮助文档
1. $(选择器).hide() 隐藏目标
2. $(选择器).show() 显示目标
3. $(选择器).toggle() 切换目标
4. $(选择器).animate() 定义目标的动画效果
5. $(选择器).fadeIn() 淡入目标
6. $(选择器).fadeOut() 淡出目标
Jquery搭积木技术
1. HTML部分
  1. $(选择器).html(context) 在HTML内部添加标签
  2. $(选择器).append(context) 在目标内部添加标签
  3. $(选择器).prepend(context) 在目标内部内容之前添加标签
  4. $(选择器).after(context) 在目标之后添加标签
  5. $(选择器).before(context) 在目标之前添加标签
2. CSS部分
  1. $(选择器).css(key,value) 设置单个任意CSS样式
  2. $(选择器).css({key,value,....}) 设置多个任意CSS样式
  3. $(选择器).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文件

巴特西

Jquery简单应用-1.8.3

最新文章

热门文章