Jquery_day2
事件绑定
-
文档加载之后执行
Js
-
window.onload = function(){
页面加载之后执行的内容
}
Jquery
-
$(document).ready(function(){
页面加载完成后执行的内容
})
-
$(function(){
页面加载完成后执行的内容
扫描二维码关注公众号,回复: 6655198 查看本文章})
Jquery中的事件属性
-
click() 单击
-
dblclick() 双击
-
mouseover()鼠标移入
-
mouseout()鼠标移出
-
blur()丢失焦点
-
focus()获得焦点
-
submit()表单提交
-
标签对象的操作方法
- $()obj.parent(); 获取标签对象的父节点
- $()obj.parents(); 获取标签对象的所有层级祖先节点
- $()obj.parents(选择器); 获取标签对象含有指定选择的祖先节点
- $()obj.children(); 获取标签对象所有的子节点
- $()obj.children(选择器); 获取标签对象含有指定选择器的子节点
- $()obj.next(); 获取标签对象的下一个兄弟节点 等价于js 的nextSibing()
- $()obj.prev() 获取标签对象的上一个兄弟节点
动画相关的方法
- $(选择器).show(参数); 从浏览器左上角淡入效果,参数淡入时间 毫秒
- $(选择器).fadeIn(参数) 淡入 参数 淡入时间 毫秒
- $(选择器).slideDown(参数) ;向下滑动 参数滑动时间 单位毫秒
- $(选择器).hide(参数); 从浏览器左上角淡出 参数 时间 毫秒
- $(选择器).fadeOut(参数); 淡出 参数 时间毫秒
- $(选择器.slideUp(); 向上滑动 参数 时间 毫秒
插件
- 放大镜插件
- 将插件相关的js文件和css样式文件导入项目中
- 将对应的js文件和css样式引入当前页面
- 表单验证插件
- 引入相关的js文件和css样式文件
- 将文件引入当前文件
经常用的方法总结
- 选择器 id选择器
- 标签对象的创建$(“标签 拼接动态文本”)
- empty 清空内部元素
- remove 连带自己一起删除
- 夫标签.append(子) 添加
- prop(“属性名”,“属性值”)
- obj.val() input 标签value属性值获取和修改
- parent()获取父标签对象
- 编程式事件绑定 $()obj.click(function(){事件触发后的功能 监听函数})
- 页面加载之后运行: $(function(){页面加载后执行的内容})