father

js 事件对象相关笔记

由 感情迁移 提交于 2020-04-07 11:43:13
事件对象 event就是一个事件对象 写到我们的监听函数的括号里面 当形参来看 事件对象只有有了事件才存在，他是系统给我们自动创建的 不需要我们传递参数 事件对象是我们事件的一系列相关数据的集合 跟事件相关比如鼠标点击就包含了鼠标的相关信息等等 事件对象我们可以自己定义比如event,eve,e 事件对象也有兼容性问题 I E6,7,8通过window.event,兼容性的写法e = e || window.wvwnt 1 <div class="div">123</div> 2 <script> 3 var div = document.querySelector(".div") 4 div.onclick = function (event) { 5 console.log(event); 6 } 7 div.addEventListener('click', function (event) { 8 console.log(event); 9 }) 10 </script> 重点 常用的事件对象的属性和方法 e.target 返回触发事件的对象 标准 e.srcElement 返回触发事件的对象 非标准 e.type 返回事件的类型 比如click mouseover 不带on e.stopPropagation() 阻止冒泡 有兼容性问题 1 <div class="box

js实现全选功能

由 坚强是说给别人听的谎言 提交于 2020-01-10 16:18:07
用js实现全选功能 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>全选</title> 6 </head> 7 <body> 8 全选 9 <input type="checkbox" id="father" onclick="checkFather()"><br> 10 <input type="checkbox" name="son" onclick="checkSon()"><br> 11 <input type="checkbox" name="son" onclick="checkSon()"><br> 12 <input type="checkbox" name="son" onclick="checkSon()"><br> 13 <input type="checkbox" name="son" onclick="checkSon()"><br> 14 </body> 15 </html> 16 <script> 17 function checkFather() { 18 var father = document.getElementById("father"); 19 var sons = document.getElementsByName(

JAVA(一切为了期末考)

由 倾然丶 夕夏残阳落幕 提交于 2020-01-07 06:02:04
首先是 eclipse 的使用 https://blog.csdn.net/qq_36243942/article/details/81607906 其次是 PTA 里面 Java 的格式 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner s=new Scanner(System.in); int n=s.nextInt(); int a[]=new int[n];//数组的创建 for(int i=0;i<n;i++) { a[i]=s.nextInt();//输入 } System.out.print(j+" "+o);//输出 } } Java父类对象调用子类实体：方法重写与动态调用 class Father{ public void announce(){ System.out.println("Father"); } } class Child extends Father{ @Override//覆盖 public void announce(){ System.out.println("Child"); } } public class Hello { public static void main(String[] args){

JAVA(一切为了期末考)

由 こ雲淡風輕ζ 提交于 2020-01-05 13:51:12
首先是 eclipse 的使用 https://blog.csdn.net/qq_36243942/article/details/81607906 其次是 PTA 里面 Java 的格式 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner s=new Scanner(System.in); int n=s.nextInt(); int a[]=new int[n];//数组的创建 for(int i=0;i<n;i++) { a[i]=s.nextInt();//输入 } System.out.print(j+" "+o);//输出 } } Java父类对象调用子类实体：方法重写与动态调用 class Father{ public void announce(){ System.out.println("Father"); } } class Child extends Father{ @Override//覆盖 public void announce(){ System.out.println("Child"); } } public class Hello { public static void main(String[] args){

day46 jQuery

由 放肆的年华 提交于 2019-12-05 15:26:22
day46 jQuery 内容回顾: 1.库和框架的区别 库: 小而精: 直接操作DOM, 如css()方法 jquery封装了js中的哪些操作(大量的api=方法) - 事件 - 属性 - DOM - 选择器 - ajax(交互的技术) jQuery的链式编程: jQuery的方法可以实现和js的属性操作一样的功能, 好处在哪, jQuery的方法执行完,给返回了jQuery对象, 还可以接着使用其他方法, 这就是链式编程 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>bajie</li> <li>wukong</li> <li>datang</li> </ul> <script src="jquery.js"></script> <script> var colors = ['red','yellow','blue']; //1.从jquery对象转换为js对象 console.log($('li')[0]); //注意这里, 方式一.加上[下标], 是从jquery对象到js对象的转换 //方式二.JQ对象.get(0) //2.从js对象转换为jquery对象 var item = document

css子元素在父元素居中显示

由 徘徊边缘 提交于 2019-11-27 08:02:37
今天在做开发任务的时候遇到了一个最基本的子集div在夫级div中水平垂直居中的问题，就总结了下我们经常用到的方法（此外由于自己能力问题，有误望指出批评） 一：通过定位来实现 1.如果子元素的大小是已知的，可以通过对子元素定位，并且margin值分别减去自己宽高的一半（上码） <style> .father { width: 200px; height: 200px; border: 1px solid red; position: relative; } .child { width: 100px; height: 100px; background-color: #00BCBC; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; } </style> <body> <div class="father"> <div class="child"></div> </div> </body> 效果图： 2.我们子元素的大小不明确的情况下，有两种实现方式 （1）用margin为auto实现 <style> .father { width: 200px; height: 200px; border: 1px solid red; position: relative; }

css子元素在父元素居中显示

由 扶醉桌前 提交于 2019-11-27 05:17:35
今天在做开发任务的时候遇到了一个最基本的子集div在夫级div中水平垂直居中的问题，就总结了下我们经常用到的方法（此外由于自己能力问题，有误望指出批评） 一：通过定位来实现 1.如果子元素的大小是已知的，可以通过对子元素定位，并且margin值分别减去自己宽高的一半（上码） <style> .father { width: 200px; height: 200px; border: 1px solid red; position: relative; } .child { width: 100px; height: 100px; background-color: #00BCBC; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; } </style> <body> <div class="father"> <div class="child"></div> </div> </body> 效果图： 2.我们子元素的大小不明确的情况下，有两种实现方式 （1）用margin为auto实现 <style> .father { width: 200px; height: 200px; border: 1px solid red; position: relative; }

day46 jQuery

由 老子叫甜甜 提交于 2019-11-25 23:22:49
day46 jQuery 内容回顾: 1.库和框架的区别 库: 小而精: 直接操作DOM, 如css()方法 jquery封装了js中的哪些操作(大量的api=方法) - 事件 - 属性 - DOM - 选择器 - ajax(交互的技术) jQuery的链式编程: jQuery的方法可以实现和js的属性操作一样的功能, 好处在哪, jQuery的方法执行完,给返回了jQuery对象, 还可以接着使用其他方法, 这就是链式编程 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>bajie</li> <li>wukong</li> <li>datang</li> </ul> <script src="jquery.js"></script> <script> var colors = ['red','yellow','blue']; //1.从jquery对象转换为js对象 console.log($('li')[0]); //注意这里, 方式一.加上[下标], 是从jquery对象到js对象的转换 //方式二.JQ对象.get(0) //2.从js对象转换为jquery对象 var item = document
订阅 father