jquery工具方法和开发插件
# jquery 的工具方法
对象方法 --90%,JQ 中大部分都是此方法
$(“选择器”).do ()
().xx(),().xx(),().xx(),().yyy()
作用:选择 DOM 元素,然后做对应的操作
比如:
$(“div”).hide();
工具方法 — 全局方法
$.do(); –
格式:.xxx();.xxx();.xxx();.yyy()
比如:
$.trim (“字符串”);针对的是字符串、对象、数组等。
# 常用的工具方法
$.trim (“字符串”)
作用:去除首尾空格,返回去了的字符串
$.type()
作用:类似于 JS 的 typeof...
more...
jquery的特效实现
# 基本特效 show,hide
回顾:JS 的运动,假设要做一个淡入淡出,使用 JS 来做会比较麻烦。
宽度、高度和透明度 是逐渐改变的
显示
1$(元素).show(时间,[回调]);
隐藏、
1$(元素).hide(时间,[回调]);
切换显示和隐藏
12//show+hide=toggle$(元素).toggle(时间,[回调]);
#...
more...
jQueryDOM节点操作2节点的增删改查
# 查找节点
# 找自身
JS:JS 选择器(6 个不同的选择器)
JQ:$(“css 选择器”)
# 父节点 (往上面找)
JS:节点.parentNode;// 上一级
JQ
1234561. 对象.parent() 直接上级2. 对象.parents(参数) 不加参数默认是到HTML,加参数可到参数父级结束 $("div").parents();//所有的祖先节点都找到...
more...
jquery基本介绍(入口函数)
# JQ 文件和版本
# 完整版:
用于开发环境中(写项目)
是正常的未压缩的源代码
# 压缩版:
用于生成环境(线上)
去掉了注释、留白、并且压缩了变化、函数名等
# 版本选择:
如果要兼容老版本浏览器(即在 PC 上),最好使用 1.12.4 版本即以下的
否则使用 3 最新版本,这样可以兼容 PC 版主流浏览器 + 移动端浏览器
各个版本间区别不是太大,基本 API 都是通用的
# 使用 jquery
# 导入 JQ 库文件
123456//使用本地库文件<script...
more...
H5语义化标签、兼容性问题
# H5 的新的设计理念
避免不必要的复杂性 - 在做减法
支持已有内容–完全向下兼容,H5 的语法还更加宽松些
新增语义化元素,给内容分区
减少脚本操作(input type:number,range,search,email;placeholder)
H5 在 PC 端需要考虑兼容问题,在移动端则可以放心的使用,移动端是必须,PC 端是首选
# H5 是革命性的变化
新增语义化标签,给内容分区(今天)
新增了表单控件,减少不必要的脚本操作(学)
canvas 画图 - 2 次课
多媒体标签(音频、视频)- 自定义播放器 1 次课
本地存储(离线存储 - 多页面通信) 1...
more...
node.js基础入门
# Node.js 是什么?
node.js 是一个运行 JS 的平台。原来的 JS 脚本只能在浏览器中执行,要想让它脱离出来可以在任意地方都能够执行 JS。JS 当后端语言来使用,必须要安装 Nodejs。安装了 Nodejs 就相当于是安装了 V8 引擎(谷歌中的 JS 解析器)。总的来说:
Nodejs 是一个运行 JS 的平台,不是一门语言,也不是 JS 框架或 js 库,不能像 jquery 那样可以引入到网页,增加新功能。
Nodejs 主要是用于开发网站,即网络应用和本地应用、构建工具等,可以做 JS 不能做的事情,比如读取文件,连接数据,网络服务等。类似于 PHP。
安装...
more...