2018-06-25Js事件流+JQuary基本语法

Posted 2020-11-20 Postgre叮当牛i

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(){})