JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Bootstrap基本组件学习笔记之导航（10）

2017年02月06日 80 阅读

Bootstrap的导航很有特色，主要分为胶囊式导航、面包屑导航、头部导航共3大类，可以满足绝大部分需求。0x01 胶囊式导航胶囊式导航采用的是无序列表ul来实现：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...

Bootstrap风格的WPF样式

2017年02月06日 70 阅读

简介此样式基于bootstrap-3.3.0,样式文件里的源码行数都是指的这个版本.CSS源文件放到了Content文件夹下的bootstrap.cssWPF样式和CSS还是不太相同,所以有些内容实现上稍有出入,有些内容用法不太一样,有些内容并没有实现但至少,一些概念,尺寸和取色,还是很好的借鉴博客说明按Bootstrap官方文档的顺序来写App.xaml里引用Bootstrap.xaml资源<Application.Resources><...

Bootstrap学习笔记之环境配置（1）

2017年02月06日 68 阅读

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。对于不太熟悉前端开发的程序员来说，是一个很好的解决方案。0x01 Bootstrap结构下载了Bootstrap v3.3.0版本（预编译版本），主要包含有css、js和fonts三个目录。下面是我在学习总结中构建的目录结构，其中的html文件夹用来放置编写的html页面,img文件夹放置使用的图片。0x02 基...

jquery的父、子、兄弟节点查找,节点的子节点循环方法

2017年02月06日 90 阅读

jQuery.parent（expr） //找父元素jQuery.parents（expr） //找到所有祖先元素，不限于父元素jQuery.children（expr） //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents（） //查找下面的所有内容，包括节点和文本。jQuery.prev（） //查找上一个兄弟节点，不是所有的兄弟节点jQuery.prevAll（） //查找所有之前的兄弟节点jQuery.next...

Bootstrap基本样式学习笔记之表格（2）

2017年02月06日 72 阅读

Bootstrap实现了大量基本样式，包括表格、表单、按钮、图片等。基本的使用方法是通过添加特定的class来实现。 Bootstrap 提供了一个清晰的创建表格的布局。0x01 表格样式（1）基本样式：不带边框和分割线：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" conten...

jquery插入兄弟节点的操作方法

2017年02月06日 99 阅读

功能：插入指定元素到父元素的第一个位置（最左边）实例$self.prepend（$selectLi）;解释 self是selectLi的父元素,把self放在selectLi的最前面（最左边）,移动的是selectLi,append功能：插入指定元素到父元素的最后面（最右边）after实例$firstLi.after（$selectLi）;解释把selectLi放在firstLi的后面（右边）,移动的是selectLi注意：selectLi和firstL...

jquery 删除节点添加节点找兄弟节点的简单实现

2017年02月06日 77 阅读

$（）.empty（）; //该方法会删除当前节点下的所有子节点，请注意当前节点不会被删除$（）.remove（）; //该方法会删除当前节点下的所有子节点，请注意当前节点会被删除$（）.append（"<a>something</a>"） //该方法在当前节点的末尾添加这个a标签$（）.after（"<span style="font-family: Arial, Helvetica, sans-serif;"&g...

探究JavaScript中的五种事件处理程序方式

2017年02月06日 92 阅读

我们知道JavaScript与HTML之间的交互是通过事件实现的。事件最早是在IE3和Netscape Navigator 2中出现的，当时是作为分担服务器运算负载的一种手段。通俗地理解，事件就是用户或浏览器自身执行的某种操作。而事件处理程序即为响应某个事件的函数。抽出主干，即事件处理程序为函数。我们又把事件处理程序称为事件侦听器。事件处理程序是以"on"开头的，因此对于事件on的时间处理程序即为onclick。时间处理程序在JavaScript中...

纯JS焦点图特效实例（可一个页面多用）

2017年02月06日 62 阅读

实例如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" co...

JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法

2017年02月06日 93 阅读

事件流描述的是从页面中接收事件的顺序。提出事件流概念的正是IE和Netscape，但是前者提出的是我们常用的事件冒泡流，而后者提出的是事件捕获流。第一部分：事件冒泡即事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。下面举一个简单的例子：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>bubb...

浅析js的模块化编写 require.js

2017年02月06日 70 阅读

requirejs是一个JavaScript文件和模块加载器。requireJS允许你把你的javascript代码独立成文件和模块，同时管理每个模块间的依赖关系。RequireJS的目标是鼓励代码的模块化，它使用了不同于传统"script"标签的脚本加载步骤。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越...

jquery <li>标签隔若干行加空白或者加虚线的方法

2017年02月06日 61 阅读

实例如下：$（function （） {$（"ul li"）.addClass（function （i） { return i % 6 == 5 ? "ab" : ""; }）;// 隔6行加空白。或者加虚线$（".imglist li"）.after（function （i） {var css = "";if （i % 3 == 2） {css = "<div class="dashed clear" ></div>";...

概述如何实现一个简单的浏览器端js模块加载器

2017年02月06日 107 阅读

在es6之前，js不像其他语言自带成熟的模块化功能，页面只能靠插入一个个script标签来引入自己的或第三方的脚本，并且容易带来命名冲突的问题。js社区做了很多努力，在当时的运行环境中，实现"模块"的效果。通用的js模块化标准有CommonJS与AMD，前者运用于node环境，后者在浏览器环境中由Require.js等实现。此外还有国内的开源项目Sea.js，遵循CMD规范。（目前随着es6的普及已经停止维护，不论是AMD还是CMD，都将是一段历史了）浏览...

jQuery删除当前节点元素

2017年02月06日 64 阅读

下面一段代码给大家介绍了jquery删除节点元素的方法，具体代码如下所示；//state用来判断获取内容的状态,单击一次获取文本内容,第二次单击删除内容var state = 0;function getfilecontent（btn）{//这边用来判断是否已经获取到文本内容,获取到则删除if（state == 1）{var td = $（btn）.parent（）.parent（）.next（）.children（）;td.remove（）;state ...

Bootstrap基本样式学习笔记之表单（3）

2017年02月06日 72 阅读

Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。0x01 样式1一个登录界面：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link ...

jQuery中get方法用法分析

2017年02月06日 92 阅读

本文实例讲述了jQuery中get方法用法。分享给大家供大家参考，具体如下：参数：url,[data],[callback],[type]url待载入页面的URL地址。data待发送 Key/value 参数。callback载入成功时回调函数。type返回内容格式，xml, html, script, json, text, _default。案例1表单代码:<form id="form1" action="#"><p>评论:&l...

Bootstrap基本样式学习笔记之按钮（4）

2017年02月06日 64 阅读

Bootstrap中任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观，再结合一些选项，可以定义各种按钮样式。0x01 按钮样式<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...

Bootstrap基本样式学习笔记之标签（5）

2017年02月06日 63 阅读

直接看Bootstrap标签例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="s...

详解JavaScript的内置对象

2017年02月06日 62 阅读

什么是对象JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作。例如，表单的“提交”（Submit），时间的“获取”（getYear）等；JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义，如下使用数组对象：var objectName =new Ar...

JavaScript学习笔记--常用的互动方法

2017年02月06日 101 阅读

输出内容（document.write）document.write（）可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起，直接输出""号内的内容。<script type="text/javascript"> document.write（"I love JavaScript！"）; //内容用""括起来，""里的内容直接输出。</script>第二种:通过变量，输出内容<s...

首页 / 脚本样式 / JavaScript

Bootstrap基本组件学习笔记之导航（10）

Bootstrap风格的WPF样式

Bootstrap学习笔记之环境配置（1）

jquery的父、子、兄弟节点查找,节点的子节点循环方法

Bootstrap基本样式学习笔记之表格（2）

jquery插入兄弟节点的操作方法

jquery 删除节点 添加节点 找兄弟节点的简单实现

探究JavaScript中的五种事件处理程序方式

纯JS焦点图特效实例（可一个页面多用）

JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法

浅析js的模块化编写 require.js

jquery &lt;li&gt;标签 隔若干行加空白或者加虚线的方法

概述如何实现一个简单的浏览器端js模块加载器

jQuery删除当前节点元素

Bootstrap基本样式学习笔记之表单（3）

jQuery中get方法用法分析

Bootstrap基本样式学习笔记之按钮（4）

Bootstrap基本样式学习笔记之标签（5）

详解JavaScript的内置对象

JavaScript学习笔记--常用的互动方法

jquery 删除节点添加节点找兄弟节点的简单实现

jquery <li>标签隔若干行加空白或者加虚线的方法