关于Jquery2

Jquery

事件绑定

1. 文档加载之后执行

   Js

   • window.onload = function(){

     页面加载之后执行的内容

     }

   Jquery

   • $(document).ready(function(){

     页面加载完成后执行的内容

     })

   • $(function(){

     页面加载完成后执行的内容

     })

     Jquery中的事件属性

   • click() 单击

   • dblclick() 双击

   • mouseover()鼠标移入

   • mouseout()鼠标移出

   • blur()丢失焦点

   • focus()获得焦点

   • submit()表单提交

标签对象的操作方法

1. $()obj.parent(); 获取标签对象的父节点
2. $()obj.parents(); 获取标签对象的所有层级祖先节点
3. $()obj.parents(选择器); 获取标签对象含有指定选择的祖先节点
4. $()obj.children(); 获取标签对象所有的子节点
5. $()obj.children(选择器); 获取标签对象含有指定选择器的子节点
6. $()obj.next(); 获取标签对象的下一个兄弟节点 等价于js 的nextSibing()
7. $()obj.prev() 获取标签对象的上一个兄弟节点

动画相关的方法

1. $(选择器).show(参数); 从浏览器左上角淡入效果,参数淡入时间 毫秒
2. $(选择器).fadeIn(参数) 淡入 参数 淡入时间 毫秒
3. $(选择器).slideDown(参数) ;向下滑动 参数滑动时间 单位毫秒
4. $(选择器).hide(参数); 从浏览器左上角淡出 参数 时间 毫秒
5. $(选择器).fadeOut(参数); 淡出 参数 时间毫秒
6. $(选择器.slideUp(); 向上滑动 参数 时间 毫秒

插件

1. 放大镜插件
   • 将插件相关的js文件和css样式文件导入项目中
   • 将对应的js文件和css样式引入当前页面
2. 表单验证插件
   • 引入相关的js文件和css样式文件
   • 将文件引入当前文件

经常用的方法总结

1. 选择器 id选择器
2. 标签对象的创建$(“标签 拼接动态文本”)
3. empty 清空内部元素
4. remove 连带自己一起删除
5. 夫标签.append(子) 添加
6. prop(“属性名”,“属性值”)
7. obj.val() input 标签value属性值获取和修改
8. parent()获取父标签对象
9. 编程式事件绑定 $()obj.click(function(){事件触发后的功能 监听函数})
10. 页面加载之后运行: $(function(){页面加载后执行的内容})