计算机二级Web前端知识点总结(九)
树图思维导图提供 计算机二级Web前端知识点总结(九) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(九) 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:83ceba5e40f69b0ba3cd9152e77ed608
计算机二级Web前端知识点总结(九)思维导图模板大纲
功能和思想
功能
浏览器执行html代码后实现动态改变网页内容和格式从而实现动态效果
思想
分析有哪些动态效果,确定事件三要素并关联从而实现一切功能
要实现某功能找已经存在的对象和方法
创建js文件夹和独立的js文件
在html页面中导入jQuery函数库和独立的js文件
在独立文件中编写jQuery代码
$( function (){ $("选择器").事件方法(function () { $("选择器") .方法(); }); } )
注意
导入jQuery函数库语句必须在导入独立js文件语句的上方
id选择器
$("#id属性值")
类选择器
$(".class属性的值")
标签选择器
$("标签名")
包含选择器
间接包含:$("#sss .ttt input") ;
直接包含: $("#sss>input>.ttt")
属性选择器
$("input[name='newsletter']")
基本过滤选择器
$("input: eq(0) ")
表单标签属性过滤选择器
$("input:checked")
语法
$("选择器").事件方法(function () { 方法语句; });
常用事件方法名
click( [fn] ) ://当鼠标单击时触发
blur( [fn] ) ://当标签失去焦点时触发
change( [fn] ): //当标签内容发生改变时触发
dblclick( [fn] ): //当鼠标双击击时触发
focus( [fn] ): //当标签获得焦点时触发
keydown( [fn] ) ://当键盘被按下时触发
keyup( [fn] ): //当键盘被释放时触发
keypress( [fn] ) ://按下并释放时触发
mousedown(fn)://鼠标按下
mouseup(fn): //鼠标释放时触发
mousemove(fn): //鼠标移动
mouseout(fn): //鼠标退出区域
mouseover(fn): //鼠标进入区域
resize(fn): //当窗口改变大小时触发
submit( [fn] ): //表单提交
树图思维导图提供 计算机二级Web前端知识点总结(十) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(十) 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:9763062ad06ccdcc68003d41908f3088
树图思维导图提供 计算机二级Web前端知识点总结(八) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(八) 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:ba07bd5e258280166e24667bbfc8ed46