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

标签：对象   tag   dom   nts   down   现在   name   remove   read   

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

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

标签：对象   tag   dom   nts   down   现在   name   remove   read   

原文地址：https://www.cnblogs.com/postgredingdangniu/p/9226249.html