TreeMind树图在线AI思维导图
当前位置:树图思维导图模板资格考试计算机计算机二级Web前端知识点总结(九)思维导图

计算机二级Web前端知识点总结(九)思维导图

  收藏
  分享
免费下载
免费使用文件
L . 浏览量:12022-11-07 12:58:50
已被使用0次
查看详情计算机二级Web前端知识点总结(九)思维导图

计算机二级Web前端知识点总结(九)

树图思维导图提供 计算机二级Web前端知识点总结(九) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(九)  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:83ceba5e40f69b0ba3cd9152e77ed608

思维导图大纲

计算机二级Web前端知识点总结(九)思维导图模板大纲

Jquery

功能和思想

功能

浏览器执行html代码后实现动态改变网页内容和格式从而实现动态效果

思想

分析有哪些动态效果,确定事件三要素并关联从而实现一切功能

要实现某功能找已经存在的对象和方法

html添加jquery的3步骤

创建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前端知识点总结(十) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(十)  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:9763062ad06ccdcc68003d41908f3088

计算机二级Web前端知识点总结(八)思维导图

树图思维导图提供 计算机二级Web前端知识点总结(八) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(八)  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:ba07bd5e258280166e24667bbfc8ed46