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

jQuery学习笔记之DOM对象和jQuery对象

2017年02月06日 20 阅读

什么是DOM对象？ HTML是以树形结构来组织文档的，具体如下: 复制代码代码如下: <！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...

jQuery学习笔记之jQuery选择器的使用

2017年02月06日 23 阅读

一.基本选择器：#id :选择给定ID名的元素如：$（"#id1"）为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名二.层次选择器：$（"ancestor descendant"） :选择ancestor元素下的所有descendant（后代）元素 $（"parent>...

jQuery学习笔记之jQuery的DOM操作

2017年02月06日 23 阅读

一.节点的操作1.查找节点：var $var_1=$（"htmltype"）; //这句话就是获取所有htmltype节点如：var $ul_1=$（"ul"）;2.创建并追加节点：var $var_1=$（"<htmltype>"）;//这句话是创建一个节点$（"htmltype2"）.append（$var_1）; //这句话是把节点插入所有htmltype2节点中例子：var $li_1=$（"<li title="title1"&...

jQuery学习笔记之jQuery的事件

2017年02月06日 24 阅读

一.事件绑定 1.事件绑定函数事件的绑定函数为如下形式： .bind（type [,data],fn） type:类型如click..... data:参数 fn:事件执行的函数例子复制代码代码如下: $（function（）{ $（#id1）.click（function（）{ $（#id2）.show（）;//id2显示 }） ; }）; 二.合成事件 1.鼠标滑过事件 .hover（enter,leave） enter:鼠标光标移动到对象...

jQuery学习笔记之jQuery的动画

2017年02月06日 23 阅读

一.系统预定义的动画函数 1.显示隐藏函数 show（）; //显示元素（同时增加宽、高、不透明度） hide（）; //隐藏元素执行hide（）隐藏界面元素，相当于将css样式中的display:none. 我们也可以在函数中加入参数，具体如下： show（"slow"）; 除了slow取值外，还可以设置为normal,fast,分别代表时间为600，400，200毫秒我们也可以加如具体时间取值。具体如下： slow（1000）; 这样代表时间完全显...

jquery里的each使用方法详解

2017年02月06日 24 阅读

each（）函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。 ...

Jquery截取中文字符串的实现代码

2017年02月06日 22 阅读

复制代码代码如下: function cut_str（$sourcestr,$cutlength） { $returnstr=""; $i=0; $n=0; $str_length=strlen（$sourcestr）;//字符串的字节数 while （（$n<$cutlength） and （$i<=$str_length）） { $temp_str=substr（$sourcestr,$i,1）; $ascnum=Ord（$temp_st...

jquery插件 autoComboBox 下拉框

2017年02月06日 22 阅读

问: 1.大家在做省市区下拉框联动,或者是产品分类联动,或者是部门联动等下拉框时怎么做？是用ajaxpro.dll 还是jquery ajax呢？？答: 是,留下继续阅读. 否,跟帖回复你的方法结论:每次重复劳动重复创造联动的下拉框, 累,想死！！读完本文您也许可以找到更好的方法来实现无限级（理论）的联动下拉框,也许只要10秒钟就够了. 就这样,一个自动产生联动下拉框的插件诞生了... 本插件依赖于jquery1.4.2 最低版本自行测试....

修改jquery.lazyload.js实现页面延迟载入

2017年02月06日 22 阅读

虽然实现了延迟载入的视觉效果，但是通过httpwatch等工具就可以看到，页面载入完毕后又发布很多空请求，而空请求就是由这些被替换过的img标签产生的，空请求也会一定程度上增加页面的打开时间，所以jquery.lazyload.js并未真生的实现页面延迟载入。我对jquery.lazyload.js做了一些修改，实现了页面的延迟载入，不仅仅是图片，html代码同样可以延迟载入，大大减少了页面发出的请求数，提高了页面的打开速度。修改后的jquery.la...

jQuery Clone Bug解决代码

2017年02月06日 21 阅读

首先,jQuery事件绑定的时候，所有事件用$.data（）方法存储到了$.cache里面，用data（"events"）可以反复获取到它们：复制代码代码如下: var $div = $（"div.demo"）, data = $div.data（）; // 获取所有绑定事件: var events = data.events; // 除了window对象绑定事件的比较特殊： var windowEvents = $（window）.data（"__e...

基于Jquery的表格隔行换色，移动换色，点击换色插件

2017年02月06日 21 阅读

效果图:编写JQUERY插件如下：复制代码代码如下: ;（function（$） { $.fn.extend（{ "alterBgColor":function（options）{ //设置默认值 option=$.extend（{ odd:"odd", even:"even", selected:"selected" },options）; //注意这个options 同上面的function（options）中的option是同一个对象 //隔行变...

在JavaScript中获取请求的URL参数

2017年02月06日 23 阅读

当然我们可以在后台中获取参数的值，然后在前台js代码中获取变量的值，具体做法请参考我的这篇文章:JavaScript获取后台C#变量以及调用后台方法。其实我们也可以直接在js中获取请求的参数的值，通过使用window.location.search可以获取到当前URL的？号开始的字符串，如前面的链接获取到的search为？id=001。再对获取的字符串进行处理，就可以获取到参数的值了。复制代码代码如下: function getUrlParam（na...

基于jquery的关于动态创建DOM元素的问题

2017年02月06日 20 阅读

复制代码代码如下: <script type="text/javascript"> document.getElementById（"testDiv"）.innerHTML ="动态创建的div"; </script> 而且用的应该是还是乐此不疲，但是有多少人知道这是错误的做法！错误的原因: （1）在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面内容太大就会出现"终止操作"的错误. 也就是说"永远不要在页面加载时...

jquery 单击li防止重复加载的实现代码

2017年02月06日 22 阅读

因为加载内容比较慢，所以用户可能在li上不经意点击了两次，那么就会请求两次，这是我们不想看到的。今天在javascript-jquery群上一筒子发了两个demo给我，他的方法是先将单击的li节点拷贝出来，在加载完后在重新插回去，显然不太适合我做的功能。正一筹莫展，想了一下，何不在li点击时加入loading图片（在ajax加载前），判断li节点上是否存在了img元素，没有则加载ajax内容，否则不处理。测试了可以通过，（^o^）/。复制代码 ...

JQuery live函数

2017年02月06日 22 阅读

摘自 jQuery 1.4.1 中文参考：事件委托 .live（）方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。传递给 .live（）的事件处理函数不会绑定在元素上，而是把他作为一个特殊的事件处理函数，绑定在 DOM 树的根节点上。在我们的例子中，当点击新的元素后，会依次发生下列步骤：生成一个click事件传递给 <div> 来处理由于没有事件处理函数直接...

Ext对基本类型的扩展 ext,extjs,format

2017年02月06日 24 阅读

1. Array indexOf（Object o）:Number 方法 remove（Object o）:Array 方法 2. Date Javascript对日期时间的操作是不太方便的，而Ext在此基本上加入了比较多的扩展。比较重要的有： add（String interval,Number value）:Date 方法其中interval表示要加入的周期，有效的字符串为 ms--------表示毫秒 s-----------表示秒 mi-----...

javascript自执行函数之伪命名空间封装法

2017年02月06日 20 阅读

自执行函数：自动执行的函数。它在被解释时就已经在运行了。一般函数都是在被调用时才会执行的。自执行函数的一般格式：（function（） { 函数体 }）（）; 而且，自执行函数中一般都会有一个function（） {}形式的匿名函数。下面的代码在window对象中创建一个命名空间 mySpace，并把自执行函数中的方法封装在mySpace命名空间之下，以便于我们调用这个自执行函数中的一些功能。复制代码代码如下: （function（） { //根据...

父子窗体间传递JSON格式的数据的代码

2017年02月06日 22 阅读

如果某个一级评分项包含评分子项，则点击该评分项时，再弹出一个新窗口，新窗体中列出了当前评分项的所有评分子项列表，供用户进行操作。用户操作完成后，点击“确定”按钮，则返回到父窗体，在子窗体中所有的操作结果，同时要带到父窗体中。同时，如果用户再次点击该评分项，则在弹出子窗体的同时，要将上次操作的结果绑定到对应的操作项上。上面描述的例子，就涉及到了一个父子窗体间的数据传递。如何实现这一数据传递，当然有很多方法。这里只是记录一下在这个例子中我使用的方法。我的...

浅析javascript闭包实例分析

2017年02月06日 23 阅读

官方解释 “闭包”是一个拥有许多变量和绑定了这些变量的环境表达式（通常是一个函数），因而这些变量也是环境表达式的一部分。通俗解释 Javascript中所有的函数都是一个闭包。不过一般来说，嵌套的function产生的闭包更为强大，也是大部分时候我们所说的“闭包”。看如下代码：复制代码代码如下: <script type="text/javascript"> <！-- //外层函数a function a（）{ //临时变量i va...

Javascript动态绑定事件的简单实现代码

2017年02月06日 23 阅读

下面是页面的dom结构复制代码代码如下: <ul id="test"> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ul> 下面是javascript代码复制代码代码如下: //根据ID获取对象 function id（v） { return document...

首页 / 脚本样式 / JavaScript

jQuery学习笔记之DOM对象和jQuery对象

jQuery学习笔记之jQuery选择器的使用

jQuery学习笔记之jQuery的DOM操作

jQuery学习笔记之jQuery的事件

jQuery学习笔记之jQuery的动画

jquery里的each使用方法详解

Jquery截取中文字符串的实现代码

jquery插件 autoComboBox 下拉框

修改jquery.lazyload.js实现页面延迟载入

jQuery Clone Bug解决代码

基于Jquery的表格隔行换色，移动换色，点击换色插件

在JavaScript中获取请求的URL参数

基于jquery的关于动态创建DOM元素的问题

jquery 单击li防止重复加载的实现代码

JQuery live函数

Ext对基本类型的扩展 ext,extjs,format

javascript自执行函数之伪命名空间封装法

父子窗体间传递JSON格式的数据的代码

浅析javascript闭包 实例分析

Javascript动态绑定事件的简单实现代码

浅析javascript闭包实例分析