摘要: 02-jQuery的选择器 我们以前在CSS中学习的选择器有: 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素。 1、jQuery 的基本选择器 代码如下: <!DOCTYPE html> <html lang= 阅读全文
posted @ 2018-08-23 19:49 九月江 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 01-jQuery的介绍 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐,代码量多。 代码很乱,各个页面到处都是。 动画效果很难实现。 jQuery的出现,可以解 阅读全文
posted @ 2018-08-23 19:48 九月江 阅读(512) 评论(0) 推荐(0) 编辑
摘要: 模拟百度导航栏滚动监听 代码如下: 阅读全文
posted @ 2018-08-23 15:17 九月江 阅读(298) 评论(0) 推荐(0) 编辑
摘要: client、offset、scroll系列 1、client系列 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 200p 阅读全文
posted @ 2018-08-23 15:16 九月江 阅读(492) 评论(0) 推荐(0) 编辑
摘要: BOM的介绍 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器部分功能的API。 阅读全文
posted @ 2018-08-23 15:15 九月江 阅读(2379) 评论(0) 推荐(0) 编辑
摘要: 定时器 在js中的定时器分两种:1、setTimeout() 2、setInterval() 1.setTimeOut() 只在指定时间后执行一次 /定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.s 阅读全文
posted @ 2018-08-23 15:14 九月江 阅读(4717) 评论(1) 推荐(0) 编辑
摘要: JS中的面向对象 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式: var student = new Object(); student.n 阅读全文
posted @ 2018-08-23 15:13 九月江 阅读(1278) 评论(0) 推荐(0) 编辑
摘要: 关于DOM操作的相关案例 1.模态框案例 需求: 打开网页时有一个普通的按钮,点击当前按钮显示一个背景图,中心并弹出一个弹出框,点击X的时候会关闭当前的模态框 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ti 阅读全文
posted @ 2018-08-23 15:11 九月江 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 关于DOM的事件操作 一、JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览 阅读全文
posted @ 2018-08-23 15:10 九月江 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 111 什么是DOM DOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementB 阅读全文
posted @ 2018-08-23 15:04 九月江 阅读(828) 评论(0) 推荐(0) 编辑