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

jQuery实现简单的网页换肤效果示例

2017年02月06日 39 阅读

本文实例讲述了jQuery实现简单的网页换肤效果。分享给大家供大家参考，具体如下：这里有4个文件：skin.html、blue.css、green.html、red.html，都放在同一目录下。1、skin.html<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...

JavaScript每天必学之事件

2017年02月06日 41 阅读

其实这篇文章挺早之前就写了，但是由于sf保存方面的bug，所以当时写了一大堆，结果没保存，觉得这个没写完是个不小的遗憾，今天正好有空，就给补充下了，也正好给我的javascript学习总结做一个完结篇。这里，主要讨论一下js相关的事件——事件处理程序在DOM中定义了一些事件，而响应某个事件的函数就叫事件处理程序（或事件侦听器）。事件处理程序的名字一般以“on”开头，例如：onclick等事件冒泡与捕获事件流指的是页面中接收事件的顺序，IE，火狐和chro...

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果

2017年02月06日 38 阅读

本文实例讲述了jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="conten...

浅谈js中的引用和复制（传值和传址）

2017年02月06日 37 阅读

好像一般很少人讲到js中的引用和复制，不过弄清楚这个概念可以帮助理解很多东西先讲一下很基础的东西，看看js中几种数据类型分别传的什么引用：对象、数组、函数复制：数字、布尔字符串单独说明，因为它的特殊性，无法确定是传递引用还是复制数值（因为字符串的值是没法改变的，所以纠结这个问题也是没意义的）但是用于比较的时候显然是属于传值比较（稍后具体说比较的事）下面讲一下在使用中的具体体现最普通的使用就是赋值了var a = 1;var b = a;//赋的是a的复制值...

jQuery实现获取元素索引值index的方法

2017年02月06日 39 阅读

本文实例讲述了jQuery实现获取元素索引值index的方法。分享给大家供大家参考，具体如下：<！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...

js字符串引用的两种方式（必看）

2017年02月06日 38 阅读

如下所示：function setName（obj） { obj.ok = "ccccccc";}function aa（） { var name = new String（"hechangmin"）; name.ok = "sdf"; //第一种方式 //String.prototype.ok = "aaaaa"; //第二种方式 alert（name.ok）; // aaaaa setName（name）; alert（name.ok）; // ccc...

jQuery向父辈遍历的简单方法

2017年02月06日 36 阅读

通过DOM树可以可容易的访问到html文档中的所有元素例如向上访问父辈的元素有以下方法1.parent（）方法可以得到所定元素的直接父元素$（"span"）.parent（）;得到<span>元素的直接父元素2.parents（）方法得到给定元素的所有父元素$（"span"）.parents（）;得到<span>元素的所有父元素$（"span"）.panents（".text"）;得到<span>元素的父元素中class...

AnjularJS中$scope和$rootScope的区别小结

2017年02月06日 37 阅读

一句话总结： $rootScope针对全局的作用域生效 $scope只针对当前的controller作用域生效用下面的例子来证明上述的说法：定义一个模块名为myAppvar myApp = angular.module（"myApp", []）;创建oneController和twoController这两个controlleroneController传入$scope和$rootScopemyApp.controller（"oneController",...

移动端js触摸事件详解

2017年02月06日 37 阅读

在移动开发中，一种较为容易的做法是，先在桌面上开始原型设计，然后再在打算要支持的设备上处理移动特有的部分。多点触摸正是难以在PC上进行测试的那些功能之一，因为大部分的PC都没有触摸输入。不得不在移动设备上进行的测试有可能会拉长你的开发周期，因为你所做的每项改变都需要提交代码到服务器上，接着再加载到设备上。然后，一旦运行后，对应用也就没有太多的调试了，因为平板电脑和智能手机都很缺乏web开发者所用的工具。这个问题的一个解决方案是在开发机器上模拟触发事件。对于...

JQuery遍历元素的父辈和祖先的方法

2017年02月06日 39 阅读

JQuery遍历首先我们要知道什么是父亲，儿子，后代，同胞，祖先•<div> 元素是 <ul> 的父元素，同时是其中所有内容的祖先。•<ul> 元素是 <li> 元素的父元素，同时是 <div> 的子元素•左边的 <li> 元素是 <span> 的父元素，<ul> 的子元素，同时是 <div> 的后代。R...

利用jquery实现瀑布流3种案例

2017年02月06日 37 阅读

一、瀑布流是我们常见的案例，这里主要讲述，用jquery的方式实现瀑布流的功能！引言：我们经常见到很多网站的瀑布流功能，如淘宝、京东这些商品等等..实现它我们首先考虑几个问题：1、获取到数据 2、排列的方式 3、如何实现排列其实，在瀑布流里有个核心的功能就是用到了绝对定位我们逐步深入分析：这是html的布局，css布局可以自己设置，只要保证grid盒子有绝对定位，其父元素有相对定位即可！后面有参考代码下面是script部分这种方式，可以通过for循环按照顺...

AngularJS实现树形结构（ztree）菜单示例代码

2017年02月06日 37 阅读

树形结构树形结构有多种形式和实现方式，zTree可以说得上是一种比较简洁又美观的且实现起来也相对简单。zTree是一个依靠jQuery实现的多功能“树插件”。它最大的优点是配置灵活，只要id与pid的值相同就可形成一个简单的父子结构。再加上免费开源，使用zTree的人越来越多。效果图如下首先你需要知道AngularJS的双向数据绑定是什么才可以更好的理解下面的代码，想了很久才想出用下面的代码来实现左侧菜单树形结构要实现上面的功能你需要操作如下步骤：在HTM...

JQuery遍历元素的后代和同胞实现方法

2017年02月06日 40 阅读

1.遍历后代children（）children（）方法返回被选元素的所有直接子元素。<！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&g...

JQuery实现DIV其他动画效果的简单实例

2017年02月06日 33 阅读

1.toggle切换对象的隐藏和显示，可以用来代替show和hide<！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...

jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

2017年02月06日 33 阅读

在我们开发过程中特别是用户注册时会有一个效果，就是文本框获取焦点清空提示，如果用户没有输入信息失去焦点赋值上我们的提示语。<html><head><meta http-equiv="content-type"content="text/html; charset=UTF-8"/><script src="http://127.0.0.1/jquery.js"></script><script...

jQuery元素属性操作实例（设置、获取及删除元素属性）

2017年02月06日 38 阅读

本文实例讲述了jQuery元素属性操作的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript"&g...

jQuery替换节点用法示例（使用replaceWith方法）

2017年02月06日 38 阅读

本文实例讲述了jQuery替换节点的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript">...

jQuery复制节点用法示例（clone方法）

2017年02月06日 36 阅读

本文实例讲述了jQuery复制节点的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript">...

jQuery删除节点用法示例（remove方法）

2017年02月06日 38 阅读

本文实例讲述了jQuery删除节点的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript">...

jQuery插入节点和移动节点用法示例（insertAfter、insertBefore方法）

2017年02月06日 39 阅读

本文实例讲述了jQuery插入节点和移动节点的方法。分享给大家供大家参考，具体如下：1. 插入节点：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/ja...

首页 / 脚本样式 / JavaScript

jQuery实现简单的网页换肤效果示例

JavaScript每天必学之事件

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果

浅谈js中的引用和复制（传值和传址）

jQuery实现获取元素索引值index的方法

js字符串引用的两种方式（必看）

jQuery向父辈遍历的简单方法

AnjularJS中$scope和$rootScope的区别小结

移动端js触摸事件详解

JQuery遍历元素的父辈和祖先的方法

利用jquery实现瀑布流3种案例

AngularJS实现树形结构（ztree）菜单示例代码

JQuery遍历元素的后代和同胞实现方法

JQuery实现DIV其他动画效果的简单实例

jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

jQuery元素属性操作实例（设置、获取及删除元素属性）

jQuery替换节点用法示例（使用replaceWith方法）

jQuery复制节点用法示例（clone方法）

jQuery删除节点用法示例（remove方法）

jQuery插入节点和移动节点用法示例（insertAfter、insertBefore方法）