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

jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结

2017年02月06日 30 阅读

如下图，显示了HTML中的结构树，通过 JQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。遍历 - 父级（祖先）向上遍历DOM数。通过如下三个方法，我们可以获取父级元素：parent（）parents（）parentsUntil（）1.JQuery parent（）parent（）方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍...

举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历

2017年02月06日 32 阅读

一、jQuery的向下遍历<script src="../JS/Extend.js"></script> <script src="../JS/my.js"></script> <link type="text/css" rel="stylesheet" href="../CSS3/my.css"></head><body><div id="div1"> <...

Node.js 文件夹目录结构创建实例代码

2017年02月06日 31 阅读

第一次接触NodeJS的文件系统就被它的异步的响应给搞晕了，后来发现NodeJS判断文件夹是否存在和创建文件夹是还有同步方法的，但是还是想尝试使用异步的方法去实现。使用的方法：fs.exists（path, callback）;fs.mkdir（path, [mode], callback）;实现文件夹目录结构的创建代码实现如下：//创建文件夹function mkdir（pos, dirArray,_callback）{var len = dirArra...

Angularjs---项目搭建图文教程

2017年02月06日 35 阅读

开发工具采用WebStorm，没破解，使用了过期策略：安装之后不着急打开程序，先设置系统日期为未来的某个日期，比如2020年。然后再打开程序，试用。然后再改回来系统日期。虽然每次打开WebStorm都会提示：不过不影响使用，点击“OK”继续吧。项目采用anguarjs seed项目作为基础框架，搭建完成之后如下：.bowerrc的配置如下：{ "directory": "app/lib"}3. app中的各view拆分成不同的目录存放，如下：4. 接下来是...

Bootstrap Metronic完全响应式管理模板学习笔记

2017年02月06日 36 阅读

学习使用Bootstrap Metronic完全响应式管理模板，具体内容如下1.简介Bootstrap Metronic是一个基于Bootstrap 3.x的高级管理控制面板主题。Bootstrap Metronic - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的，易于使用。适合从小型移动设备到大型台式机很多的屏幕分辨率。包含7个主题，高达100个左右的实例页面，非常丰富页面展示效果，包括表单，表格，地图，日历…等等。对比了其他B...

Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记

2017年02月06日 34 阅读

针对Bootstrap Metronic菜单栏整理的笔记分享给大家，供大家参考，具体内容如下1.简介1） .环境配置2） .提取页面3）.动态生成菜单（无限级别树）2.系统环境配置项目需要程序数据支撑，这里选择MVC5.0+EF6.0[SQLSERVER]（不对MVC架构和SQLServer做出解读）运行环境：VS2013+MVC5.0+EF6.1+SQLServer2012解决方案名称：AppSolution 项目名称：App.Web（UI层）与App....

Augularjs-起步详解

2017年02月06日 31 阅读

今年项目的需要，开始琢磨研究前端开发，由于之前项目已经用Angularjs了，就顺其而然的继续沿用。在使用Angularjs之前，先要准备好工具：Nodejs、npm、git、bower、fis下面是各个工具的安装方法（开发机为64位的Win10）：1.Nodejs1>下载安装：https://nodejs.org/dist/v6.2.2/node-v6.2.2-x64.msi2>验证安装：node - v2.npm1> 验证安装（随着n...

详解BootStrap中Affix控件的使用及保持布局的美观的方法

2017年02月06日 35 阅读

Affix是BootStrap中的一个很有用的控件，他能够监视浏览器的滚动条的位置并让你的导航始终都在页面的可视区域。一开始的时候，导航在页面中是普通的流式布局，占有文档中固定的位置，当页面滚动的时候，导航就自动变成了固定布局（fixed）,始终处于用户的视区，下面来说说他的用法。首先来看看他的实现原理。它是通过实时修改页面元素的class属性来实现的开始的时候应用affix的元素的class中会自动添加affxi-top属性当滚动条滚动以至于导航快要到页...

jquery.serialize（）函数语法及简单实例

2017年02月06日 37 阅读

jQuery - serialize（）方法W3School给出的定义与用法：serialize（）方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法$（selector）.serialize（）详细说明.serialize（）方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表...

封装获取dom元素的简单实例

2017年02月06日 35 阅读

示例如下：<script>//函数：反复执行的代码块//全局只有一个对象，防止全局变量污染var itcast = {getElen : {tag : function（tag）{return document.getElementsByTagName（tag）;},id : function（id）{return document.getElementById（id）;}},css : {addStyle : function（）{},re...

JS选取DOM元素的简单方法

2017年02月06日 36 阅读

摘自JavaScript权威指南（jQuery根据样式选择器查找元素的终极方式是先用getElementsByTagName（*）获取所有DOM元素，然后根据样式选择器对所有DOM元素进行筛选）今天试了下各种选取元素的方法的速度，用原生的方法比jQuery要快差不多8倍，IE8是最慢的，IE9的速度差不多是IE8的3倍，Chrome的表现最好，其次是Firefox）选取文档元素的方法：1、通过ID选取元素（getElementById）1）使用方法：do...

简单封装js的dom查询实例代码

2017年02月06日 33 阅读

最近一直在啃犀牛书，有感，于是写了个简单的js的dom查询$ = function （val） {switch（val.charAt（0）） {case "#" :return document.getElementById（val.substring（1））;break;case "." :val = val.replace（".",""）;if（document.getElementsByClassName）return document.getEle...

js操作DOM--添加、删除节点的简单实例

2017年02月06日 35 阅读

js removeChild（）用法<body> <p id="p1">welcome to <b>javascript</b> world ！</p> <script language="javascript" type="text/javascript"> <！-- function nodestatus（node） {var temp="";if（node.nodeNam...

JS添加删除DIV的简单实例

2017年02月06日 37 阅读

JS添加删除DIV的简单实例function addDiv（w,h）{//如果原来有“divCell”这个图层，先删除这个图层 deleteDiv（）; //创建一个divvar my = document.createElement（"divCell"）;//添加到页面document.body.appendChild（my）;//通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看my.sty...

jQuery获取同级元素的简单代码

2017年02月06日 36 阅读

next（）相邻下一个同级元素prev（）相邻上一个同级元素siblings（）所有同级元素$（"#id"）.next（）;$（"#id"）.prev（）;$（"#id"）.siblings（）;以上这篇jQuery获取同级元素的简单代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

JavaScript基础重点（必看）

2017年02月06日 37 阅读

接触JavaScript这门语言也就很长的时间了，但从来没有系统的去了解这么语言。趁现在刚刚毕业以及某些原因无心工作的情况下去系统的了解一下这么语言，也想通过这么语言养成写博客的习惯，因为我认为这是一件对程序员来说很神圣又很光荣的事情。1.1背景相信很多初学者都遗忘或混淆的就是JavaScript的官方命名：ECMAScript。2015年6月17日，ECMAScript 6发布正式版本，即ECMAScript 2015。1.2语法常规语法省略重点强调：1...

深入浅析JavaScript中的Function类型

2017年02月06日 38 阅读

Function是javascript里最常用的一个概念，javascript里的function是最容易入手的一个功能，但它也是javascript最难理解最难掌握的一个概念。1. Function类型是js中引用类型之一，每个函数实际上都是Function类型的实例对象，具有自己的属性和方法。正因为函数式对象，所以函数名实际上也是一个指向函数对象的指针。2. 常用的函数定义方式1. 函数声明：function sum（a , b ）{return a+...

jQuery Easyui datagrid/treegrid 清空数据

2017年02月06日 35 阅读

在使用easyui的treegrid或datagrid的过程经常会有这样的场景，如：需要按不同的类型加载数据时，如果选择的分类下没有数据应该把上次展示的数据清空，以免引用歧义。下面给出两种方法供初学者参考：方法一：var item = $（"#filegrid"）.datagrid（"getRows"）;if （item） {for （var i = item.length - 1; i >= 0; i--） {var index = $（"#f...

老生常谈onBlur事件与onfocus事件（js）

2017年02月06日 34 阅读

onFocus事件就是当光标落在文本框中时发生的事件。onBlur事件是光标失去焦点时发生的事件。可以编如下例子1.html<HTML> <HEAD> <TITLE>使用onBlur事件处理程序</TITLE> </HEAD> <BODY BGCOLOR="lavender"> <FORM name="F1"> <INPUT TYPE=text NAME=text1 ...

JQuery EasyUI学习教程之datagrid 添加、修改、删除操作

2017年02月06日 32 阅读

一篇关于JQueryEasyUI学习之datagrid 添加、修改、删除学习笔记教程有需要了解的朋友可参考本的笔记,批量删除，双击表单修改、选中行修改，增加行修改，再有就是扩展editor的方法，无需废话，直接上代码，代码中的注释写的很详细<script type="text/javascript" charst="utf-8">var editFlag = undefined;//设置一个编辑标记//因为layout框架指向href时，只取...

首页 / 脚本样式 / JavaScript

jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结

举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历

Node.js 文件夹目录结构创建实例代码

Angularjs---项目搭建图文教程

Bootstrap Metronic完全响应式管理模板学习笔记

Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记

Augularjs-起步详解

详解BootStrap中Affix控件的使用及保持布局的美观的方法

jquery.serialize（） 函数语法及简单实例

封装获取dom元素的简单实例

JS选取DOM元素的简单方法

简单封装js的dom查询实例代码

js操作DOM--添加、删除节点的简单实例

JS添加删除DIV的简单实例

jQuery获取同级元素的简单代码

JavaScript基础重点（必看）

深入浅析JavaScript中的Function类型

jQuery Easyui datagrid/treegrid 清空数据

老生常谈onBlur事件与onfocus事件（js）

JQuery EasyUI学习教程之datagrid 添加、修改、删除操作

jquery.serialize（）函数语法及简单实例