2018-06-25Js事件流+JQuary基本语法
Js中Dom事件流:
多个彼此嵌套元素,他们拥有相同的事件,最内部元素事件被触发后,外边多个元素的同类型事件也会被触发,多个元素他们同类型事件同时执行的效果称为“事件流”
事件对象!
只能在function小括号里写!调用时候不能写!
用匿名函数!
Input1.onKeydown=function(evt){
Console.log(evt);
}
鼠标移动到设置两个字,弹出4个下拉框:获取两个字的位置,获取鼠标位置,获取四个边的位置,计算位置数据!!!
Evt.stoppropagation(); --阻止事件对象!
Js和JQuary:
主要区别体现在Dom上面:找元素à操作元素!
Js:document.getElementByID();
document.getElementsByTagName();
JQuary: .one
$(选择器)
Js对象:jsobj
JQuary对象:jqobj
操作元素:
操作内容:jqobj.html(‘123’)—非表单元素! jqobj.val(“字符串”)
操作属性:设置属性:jqobj.attr(‘class’,‘add’); 一个参数是获取,两个参数是设置! Jqobj.attr({‘class’:‘add’,‘id’:‘id’}); --同时设置多个属性用json格式数据! Jqobj.removeattr(‘’);
Jqobj.addclass(‘add’);
操作样式:jqobj.css(); 一个获取,两个设置,多个用json格式!
操作事件:jqobj.click(function(){});
创建删除:jqobj.html(‘<button></button>’);
JQuary:先引入JQuary.js文件才能用(BootStrap等框架有JQuary.js文件才能用)!
页面加载完成:
JS:window.onload=function(){};
Jquary:
$(document).ready(function(){})
方式2:
$(function(){})
posted on 2018-06-25 20:57 Postgre叮当牛i 阅读(109) 评论(0) 编辑 收藏 举报