2018年7月16日
04-----jQuery的属性操作
摘要： jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removePr 阅读全文
posted @ 2018-07-16 14:00 王竹笙 阅读(144) 评论(0) 推荐(0)
03-----jQuery动画效果
摘要： jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 1、显示动画 方式一： 解释：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。 方式二： 解释：通过控制元素的宽高、透明度、disp 阅读全文
posted @ 2018-07-16 13:22 王竹笙 阅读(187) 评论(0) 推荐(0)
02-----jQuery的选择器
摘要： 我们以前在CSS中学习的选择器有： 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。 1、jQuery的基本选择器 代码： 效果： 2、层级选择器 代码： 效果： 3、基本过滤选择器 解释： 代码： 效果： 4、 阅读全文
posted @ 2018-07-16 11:23 王竹笙 阅读(154) 评论(0) 推荐(0)
01-----jQuery介绍
摘要： 安装node.js cmd查看 node -v npm -v npm init --yes 初始化 npm install jquery --save 1、为什么要使用jQuery 在用js写代码时，会遇到一些问题： window.onload 事件有事件覆盖的问题，因此只能写一个事件。 代码容错性 阅读全文
posted @ 2018-07-16 09:55 王竹笙 阅读(184) 评论(0) 推荐(0)
2018年7月10日
17-----案例
摘要： 模拟百度导航栏滚动监听 阅读全文
posted @ 2018-07-10 14:30 王竹笙 阅读(179) 评论(0) 推荐(0)
16-----client、offset、scroll 系列
摘要： 1、client 代码如下： 2、屏幕的可视区域 3.offset系列 代码如下，注释都挺清楚的 4.scroll系列 阅读全文
posted @ 2018-07-10 14:27 王竹笙 阅读(196) 评论(0) 推荐(0)
15-----BOM
摘要： BOM的介绍 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。 阅读全文
posted @ 2018-07-10 14:13 王竹笙 阅读(163) 评论(0) 推荐(0)
14-----定时器
摘要： 在js中的定时器分两种：1、setTimeout() 2、setInterval() 1、setTimeOut() 只在指定时间后执行一次 2、setInterval() 在指定时间为周期循环执行 刷盒子移动 清除定时器 两种方法根据不同的场景和业务需求择而取之， 对于这两个方法，需要注意的是如果要 阅读全文
posted @ 2018-07-10 13:49 王竹笙 阅读(134) 评论(0) 推荐(0)
13-----JS的面向对象
摘要： 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式： 这样，一个student对象就创建完毕，拥有2个属性name以及age，分别赋值为"easy 阅读全文
posted @ 2018-07-10 11:36 王竹笙 阅读(147) 评论(0) 推荐(0)
12-----关于DOM操作的相关案例
摘要： 1、模态框案例 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 代码如下： 2.简易留言板 需求： 当在textarea中输入内容，点击留言按钮，会添加到浏览器中 图如下： 代码如下： 3.使用js模拟选择器中hover 4.ta 阅读全文
posted @ 2018-07-10 11:27 王竹笙 阅读(195) 评论(0) 推荐(0)