摘要: jQuery选择器 jq 选择器和 css 的选择器语法类似, jq 的选择器是他的灵魂 就是将 html 中的节点元素选择出来的语法, jq 的选择器非常的灵活 id选择器: $("#id") 类选择器: $(".class值"); 元素选择器: $("元素 "); 组选择器: 一次可以使用多种选 阅读全文
posted @ 2019-04-30 17:14 笑长不爱笑QvQ 阅读(134) 评论(0) 推荐(0) 编辑
摘要: jQuery 概念 jQuery 是 js 的开发框架, 这个框架将原生的 js 代码封装成为了一个函数库, 我们只需要按照其语法进行调用即可 jQuery 的使用 1.下载 jQuery 函数库 有一些版本存在一些 bug, 如果遇到,更换版本即可 2.jQuery 只是一个 js 函数库, 要使 阅读全文
posted @ 2019-04-30 17:13 笑长不爱笑QvQ 阅读(142) 评论(0) 推荐(0) 编辑
摘要: window对象 Demo: 获取当前页面的信息 console.log(window.location) //获取一组信息 console.log(window.location.href) //获取地址 console.log(window.location.origin) //获取域名头 co 阅读全文
posted @ 2019-04-30 17:10 笑长不爱笑QvQ 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 事件冒泡 Demo: 冒泡现象html: js: Demo: 阻止事件冒泡 Demo: 事件绑定的另外方式 : 监听绑定 Demo: var 关键字的使用 若果在函数中使用 var 声明变量则是一个局部变量 如果不适用 var 声明则是一个全局变量, 在函数之外还是可以使用 阅读全文
posted @ 2019-04-30 17:05 笑长不爱笑QvQ 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 常见的事件 焦点事件: 1.blur: 在元素失去焦点时触发. 这个事件不会冒泡; 2.focus: 在元素获得焦点时触发. 这个事件不会冒泡; 3. focusin: 在元素获得焦点时触发, 但会冒泡; 4. focusout: 在元素失去焦点时触发 ,但会冒泡; 5. 支持 focusin, f 阅读全文
posted @ 2019-04-30 17:01 笑长不爱笑QvQ 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 事件概念 和数据库中的触发器一样,当操作了数据的时候会引发对应的触发器程序执行 JS 中的事件就是对用户特定的行为作出相应的相应的过程, 每个事件都应该有自己的载体 其实上就是浏览器监听到用户的某些行为的时候会执行对应绑定程序 事件的绑定 在 html 元素上将触发事件的行为和事件的相应的程序关联起 阅读全文
posted @ 2019-04-30 17:00 笑长不爱笑QvQ 阅读(231) 评论(0) 推荐(0) 编辑
摘要: JS操作元素节点 使用 js 创建一个节点然后动态插入到 html 中. Demo: js 创建文本节点 Demo: 创建元素节点 Demo: 使用 insertBefore 实现插入节点 使用 insertBefore 可以指定插入节点的位置 Demo: 删除节点 该方法是有父节点调用的, 可以删 阅读全文
posted @ 2019-04-27 21:07 笑长不爱笑QvQ 阅读(150) 评论(0) 推荐(0) 编辑
摘要: JS操作属性 一.随机数的获取 使用 Math内置对象Demo: 获取随机数0到1, 不包括1 1 var random = Math.random(); 2 console.log("获取的随机数是: "+random); Demo: 获取0-10的随机数 1 var random = Math. 阅读全文
posted @ 2019-04-27 21:02 笑长不爱笑QvQ 阅读(241) 评论(0) 推荐(0) 编辑
摘要: JS对象的创建 在 JS 中创建对象常用的三种方式: 字面量创建对象 : 使用 var 对象名={} 的方式创建 为对象的属性赋值使用 属性名:属性值 的方式实现 原始的构造函数创建对象 先使用 new 关键字创建对象 在为对象的属性赋值或者定义函数 自定义的构造函数创建对象. Demo: 字面量创 阅读全文
posted @ 2019-04-27 20:49 笑长不爱笑QvQ 阅读(145) 评论(0) 推荐(0) 编辑
摘要: JS 的 document 内置对象 把 html 中每个标签看成一个节点, 通过 js 将这些节点获取出来 使用 JS 的 document 内置对象(对象有自己的属性和方法), 内置对象就是已经创建好的对象, 我们只需要直接使用即可 方法: document.getElementById("id 阅读全文
posted @ 2019-04-27 20:47 笑长不爱笑QvQ 阅读(5233) 评论(0) 推荐(0) 编辑