一、功能和思想
1.功能
浏览器执行html代码后实现动态改变网页内容和格式从而实现动态效果。
2.思想
(1)分析有哪些动态效果,确认事件三要素并关联从而实现一切功能。
(2)要实现某功能找已经存在的对象和方法。
二、Html添加JQuery的3个步骤
1.创建js文件夹和独立的js文件。
2.在hyml页面中导入JQuery函数库和独立的js文件。
3.在独立文件中编写JQuery代码。
$(function(){
$(“选择器”).事件方法(function(){
$(“选择器”).方法();
});
});
注意:导入JQuery函数库语句必须在导入独立的js文件语句的上方。
三、选择器
1. id选择器
$(“#id属性值”)
2. 类选择器
$(“.class属性的值”)
3. 标签选择器
$(“标签名”)
4. 包含选择器
(1)直接包含$(“#James .LeBron input”);
(2)间接包含$(“#James>input.LeBron”);
5. 表单标签属性过滤选择器
$(“input:checked”)
四、jQuery相关事件
1.语法
$(“选择器”).事件方法(function(){
方法语法;
});
2.常用事件方法名
blur(fn) :当失去焦点时触发
change(fn) :当状态改变时触发
click(fn) :当单击时触发
dblclick(fn) :当双击时触发
focus(fn) :当获得焦点时触发
keydown(fn) :当键盘按下时触发
keyup(fn) :当键盘弹起时触发
keypress(fn) :当键盘按下时触发
load(fn) :和ready一样都是页面载入事件
unload(fn) :当页面关闭时触发
mousedown(fn) :鼠标按下时触发
mouseup(fn) :鼠标弹起时触发
mousemove(fn) :鼠标移动时触发
mouseover(fn) :鼠标悬浮时触发
mouseout(fn) :鼠标离开时触发
resize(fn) :当窗口大小改变时触发
scroll(fn) :当滚动条滚动式触发
select(fn) :当文本框中的文本选中时触发
submit(fn) :当表单提交时触发