
H5/CSS/JS/jQuery
文章平均质量分 90
南纬的风
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
[HTML5]:快捷开发—emmet语法的使用方式
emmet语法使用方式 使用emmet可以快速地构建HTML代码,语法看起来和CSS选择器差不多,只要写好emmet的缩写格式,然后用tab键执行既可扩展为完整代码。当然,前提是你的网页文本编辑器支持emmet插件,在这里我使用的是编辑神器vs code,默认自带emmet提示,还提供大量插件,非常好用。1.快捷生成HTML5文档结构,为元素增加id和c原创 2017-09-12 17:49:59 · 1287 阅读 · 0 评论 -
[Javascript]:BOM对象详解和BOM与DOM的层次关系
BOM:浏览器对象模型(Brower Object Model),是用于操作浏览器而出现的API,BOM对象都是JS对BOM的实现。BOM提供了独立于内容的、可以与浏览器窗口进行交互的对象结构。通过BOM对象可以访问浏览器功能部件和属性。BOM中代表浏览器窗口的window对象是Javascript顶层对象,其他BOM对象均为window对象的子对象。被作为window对象的属性来引用。其他BOM对象都是在window对象中进行操作。原创 2017-09-17 23:22:40 · 4158 阅读 · 0 评论 -
[HTML5]:所有表单元素的使用方式(附元素属性)
在HTML文档中,表单用于在网页中收集用户输入的数据,负责数据采集功能,表单元素有如下标签。定义一个表单,用于申明采集数据的区域范围。里面可以嵌套其他表单元素原创 2017-09-10 18:36:59 · 3012 阅读 · 0 评论 -
[jQuery]:jQuery的基础知识、遍历方式和构造函数
介绍 JQuery基础语法、jQuery对象遍历方式和jQuery构造函数的几种用法。原创 2017-09-26 22:59:36 · 499 阅读 · 0 评论 -
[CSS3]:定义CSS样式、CSS优先级机制
网页结构合理化 在引入怎样定义CSS样式之前,先了解为什么要去定义CSS样式。记得刚开始学习HTML网页时,对一段字体设置字体颜色、对表格某一行设置背景颜色或者让其中内容靠左对齐时,都直接用标签本身属性去实现,如下:[html] view plain copy print? font size="5" color="red原创 2017-09-07 21:54:21 · 1463 阅读 · 0 评论 -
[jQuery]:jQuery的DOM元素操作方法
jQuery的DOM操作:创建节点、添加节点、删除节点、复制节点、替换节点和包裹节点。也就是对文档中的元素节点、属性节点和文本节点进行增删改查,只不过在原生JS基础上进行封装和增加了许多方法,所以能够更方便的操作DOM。获取元素节点 jQuery获取DOM元素是使用选择器,至于选择器的使用这里就不介绍了,请戳jQuery选择器总结。 如果有时候为了提高运行效率,可以先用原生JS原创 2017-09-27 19:34:21 · 1940 阅读 · 0 评论 -
[JQuery]:jQuery筛选元素方法、操作CSS样式和处理事件方式
jQuery筛选DOM元素的常用方法,另外有在线的jQueryAPI文档和学习教程链接。原创 2017-10-01 18:18:33 · 1307 阅读 · 0 评论 -
[JQuery]:jQuery处理事件的on()和off()详细用法
jQuery的on() 和 off() 方法使用详解转载 2017-10-03 00:45:41 · 3417 阅读 · 0 评论 -
[Javascript]:JS的常用事件总结
下面收集了网上一些已经分好类的常用事件,方便自己查找相关事件知识。如有需要,请自取。Window事件针对 window 对象触发的事件,也就是常说的页面事件,属于浏览器事件类型(应用到 标签):事件触发该事件的条件onload页面内容加载完成时触发此事件onunload文档卸载,即当前原创 2017-09-23 20:19:17 · 468 阅读 · 0 评论 -
[Javascript]:DOM绑定事件、事件流机制、事件委托、事件对象
写JS代码时经常用到DOM事件,却不怎么理解事件的一些相关原理。所以将关于DOM事件的知识系统整理一下,差不多涵盖DOM事件的方方面面。下面用到的事件表格和相关图片都来源于网上(代码都是自己亲手写的,并验证正确)。如有不足或错误之处,请给予指正,非常感谢!什么是事件 事件是指发生的事情。在网页中,事件通常是指用户或浏览器自身执行的某种动作,DOM事件则是表示文档和浏览器窗原创 2017-09-19 00:59:35 · 1681 阅读 · 0 评论 -
[HTML5]:HTML5新增多媒体元素和结构语义元素
首先,先要区分HTML4和HTML5,HTML5的开头文档声明第一句是,简洁明了。而HTML4则会跟上一大段代码。与HTML4相比,HTML5在原来的基础上增加了许多新元素和功能,同时也删减了一些元素,例如一些纯样式元素,它们的功能应该交给CSS来做。HTML5新增了结构语义化元素,通过这些元素能更好地管理页面结构。HTML5作为下一代Web开发标准,掌握HTML5相关知识对于Web工作者来说必不原创 2017-09-09 23:23:38 · 1357 阅读 · 0 评论 -
[HTML5]:超链接(a标签)、锚点定位和头部元素
使用标签 标签用于定义超链接,用于从一张页面链接到另一张页面。 元素最重要的属性是 href 属性,它负责指示链接目标。也用于设置锚点,用于页面定位。在所有浏览器中,链接的默认外观是:未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的如果想要更改默认样式,可以使用a元素伪类来定义样式。原创 2017-09-09 23:30:00 · 22592 阅读 · 0 评论 -
[Javascript]:DOM概念、DOM操作元素、属性、文本节点详解
DOM全称是文档对象模型,是专门用于操作HTML/XML文档的API(应用程序接口)。DOM将文档看作一颗树,其中的每个成分都是对象,这些对象都看作是节点。可以将文档的一切都理解成节点对象。 DOM的组成部分介绍:文档、对象和模型Document(文档):当用浏览器打开一个页面文档时,这个文档就会被转成document对象,然后就可以调用了。后面会提到该对象的用法。Object(对象):DOM中的每个节点都是对象,通过对象的属性和方法就能够操作节点。Model(模型):DOM将整个文档原创 2017-09-19 00:58:55 · 3001 阅读 · 0 评论 -
[Javascript]:DOM操作之动态修改CSS样式和高级选择器
首选,回顾一下CSS定义样式的三种方式:链接外部样式、嵌入样式(放在head元素中)和内联样式(行内样式)。想要让样式生效,有如下方式:通过CSS选择器来进行大规模选取,但通常会用到ID属性和class属性来指定范围。通过ID和class属性来设置样式。直接定义内联样式,直接作用于当前标签。当然,有些标签提供了样式属性,但不推荐使用。结构与表现应该分开。但CSS样式是静态的,要让C原创 2017-09-19 00:59:18 · 15285 阅读 · 2 评论 -
[CSS3]:CSS3选择器种类和使用方式详解
CSS选择器 CSS选择器可以让css对HTML页面中的元素实现一对一、一对多或者多对一的样式匹配。CSS选择器是CSS中很重要的知识点,能灵活运用CSS选择器非常具有难度,下面对于CSS选择器的使用说明倾向于归类总结的方式,同时会附上相应例子。下面的CSS选择器概括图和相应类别来源于网上,如有遗漏,敬请谅解。基本选择器类型功能描述原创 2017-09-08 01:59:53 · 1708 阅读 · 0 评论 -
[Javascript]:JS数据类型、类型判断、函数function与Function的使用
因为之前学过Java,在学习JS时,对JS的数据类型、function和Function的使用概念容易搞混淆,理解不怎么深刻。遂将这些知识点和概念梳理一遍,以便自己和他人理解。如有错误,敬请谅解。 知识点会涉及到:JS数据类型、JS的类型判断方式、函数创建方式、function与Function的区别、匿名函数的使用、函数特点以及函数重载问题。Javascript数据类型原创 2017-09-13 00:24:13 · 14348 阅读 · 1 评论 -
[Javascript]:Javascript的输出与输入方式
JS的输出方式1.alert()弹出一个对话框,并显示输入的信息,信息都是String形式。该对话框包含一个确定按钮,点击后浏览器才会继续解析执行。 alert("弹出一个alert()"); //输出指定内容 var msg = "输出一个变量"; alert(msg); //输出变量中的内容原创 2017-09-12 22:10:37 · 22250 阅读 · 3 评论 -
[Javascript]:JS创建对象方式、对象使用说明与常用内置对象总结
Javascript除了内置对象之外,还可以自定义对象,下面就将介绍JS创建对象的几种方式以及怎么动态添加对象的属性和方法(函数)。关于一些常用内置对象也会在最后介绍。JS创建对象方式 1.function创建对象的构造函数function除了创建普通函数,还能用于创建对象的构造函数。//创建无参构造函数 function Person(){}原创 2017-09-14 00:05:37 · 627 阅读 · 0 评论 -
[jQuery]:jQuery选择器总结
jQuery选择器是继承了CSS和Xpath的部分语法,总体分为四种:基本选择器、层次选择器、过滤选择器和表单选择器。原创 2017-09-26 23:00:41 · 993 阅读 · 0 评论