jQuery ready函数滥用分析

2016年07月27日 5 阅读

查看下之前写的代码，有许多这样的代码： 复制代码 代码如下: $（function（）{ //do something. }）; 这里面可能写一些初始化样式、给其他dom元素附加事件处理等。刚开始没发现什么问题，但是在页面引用了一些下载缓慢的图片时，问题出现了：在页面html下载完，到所有资源全部下载完之间，绑定dom元素上绑定的事件无法执行、用脚本绑定的样式无效等混乱情况，也就是ready么有执行。 Ok，我的情况比较特殊，可能这个情况对于大部分同学是...

jquery的index方法实现tab效果

2016年07月27日 6 阅读

左侧为选项卡，右侧为详细内容。 原理： 点击左侧的列表项，根据所选列表项在列表的[索引n]显示第n个内容。 （首先需要将列表和内容一次性加载到页面，内容只显示第一个，这样切换起来更友好。） 如何获取选择列表项在列表中的索引： jquery里有一个方法是index（[subject]） $（"#ul li"）.index（$（"#selected"））; 意思是 首先设定列表范围（#ul li列表），然后返回$（"#selected"）元素在列表中的索引。 ...

Jquery之美中不足小结

2016年07月27日 6 阅读

是的，jquery成功挖掘selector、链式用法、gsetter用法、很多精简命名，等等，让前端变得轻松简单，为Web开发作出巨大贡献。 不过，它也有一些不尽人意的地方。 1。关于代码坨之一。 一直觉得jquery是个个人英雄主义的产物，有耐心看完他代码的，绝对少于百分之一。 sizzle独立出来后，ms有些改观。 可一坨一坨并且相互牵连的风格，还是在sizzle与jquery到处都是。 有时想：John如果不写代码了，谁会愿意来接手这些坨坨。 2。关...

基于jquery的复制网页内容到WORD的实现代码

2016年07月27日 4 阅读

复制代码 代码如下: $（"#eTableWord"）.click（ function（） { var oWD = new ActiveXObject（"Word.Application"）; var oDC = oWD.Documents.Add（"", 0, 1）; var oRange = oDC.Range（0, 1）; var sel = document.body.createTextRange（）; sel.moveToElementText...

js判断IE6/IE7/FF的代码[XMLHttpRequest]

2016年07月27日 8 阅读

大家有的时候想在页面中加一些东东，又限于浏览器的不同，效果不尽都能表现出来，这下我们可以想到浏览器的判断，根据不同的浏览器给出不同的展示效果，是不是很炫呢？那当然，你能想到的很多人都能想的到，就好像大楚网的广告添加方法，真是让我见识到了真正的JS高手是如何练就的了，废话不说了，看代码： 复制代码 代码如下: if （window.XMLHttpRequest） { //Mozilla, Safari,IE7 alert（"Mozilla, Safari,I...

jQuery结合Json提交数据到Webservice，并接收从Webservice返回的Json数据

2016年07月27日 5 阅读

jQuery ajax webservice：get 和 post 一、GET 方式 客户端 复制代码 代码如下: var data = { classCode: "0001"}; // 这里要直接使用JOSN对象 $.ajax（{ type: "GET", contentType: "application/json; charset=utf-8", url: "/WebServices/ProductPropertyWebService.asmx/Ge...

自制基于jQuery的智能提示插件一枚

2016年07月27日 5 阅读

目前实现如下功能： 1 最基本需求，根据当前文本框字符取出适配数据 1.1 支持同一页面多个元素调用本插件 1.2 必需的参数是url 1.3 对于连续不断地输入，会把之前的ajax请求全部取消，避免造成服务器无谓的压力（图4） 1.4 最基本调用$（"myel"）.autoCmpt（{url:"url"}）;2 空关键词查询开关（emptyRequest），打开则鼠标点在输入框内即出现提示（当下拉列表用），默认为true（图1）3 支持关联查询，即当前文...

apycom出品的jQuery精美菜单破解方法

2016年07月27日 5 阅读

此文版权所有： 大熊猫konakona 任何转摘必须申明此出处，否则找你算帐= =# 今天上网一只在找适合公司用的常规型的菜单。网址是：http://apycom.com/ 终于给我找着了= =#不过是加密的…… 好吧~马上开始解密~ 希望大家看完以后能够对Javascript的加密解密有一定的了解。 本文只说部分的解密，但也是常用的。 今天以这款为例~ http://apycom.com/menus/2-brown.html 使用它是免费的，点free ...

用JS控制回车事件的代码

2016年07月27日 5 阅读

我们操作习惯也确实是喜欢用回车建来直接提交数据。经过对项目的一番检查，这其实是页面设计得不好，导致浏览器在加载时把退出登录按钮当成默认的按钮，所以一按回车就触这退出按钮事件。考虑到一个庞大的项目为了这个问题去改页面设计也不太现实，况且客户要求在有“保存”按钮时按回车按钮就触发“保存”按钮事件，有“下一步”按钮时就触发它的事件，有“提交”按钮时就触发相应的事件等等，如果一个个页面去改动那工作量可就大得惊人了。于是乎考虑用直接在模板header文件中用js来实...

JavaScript中几种常见排序算法小结

2016年07月27日 8 阅读

说明 写这个主要是为了锻炼自己，并无实际意义。 每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快，IE 则根据数组长度有可能希尔最快。 不要用太大数据去测试冒泡排序（浏览器崩溃了我不管） 如果有兴趣可以 下载测试页面 个人理解 冒泡排序：最简单，也最慢，貌似长度小于7最优 插入排序： 比冒泡快，比快速排序和希尔排序慢，较小数据有优势 快速排序：这是一个非常快的排序方式，V8的sort方法就使用快速排序和插入排序的结合 希尔...

JavaScript中的排序算法代码

2016年07月27日 8 阅读

作为排序依据的数据项称为“排序码”，也即数据元素的关键码。为了便于查找，通常希望计算机中的数据表是按关键码有序的。如有序表的折半查找，查找效率较高。还有，二叉排序树、B-树和B+树的构造过程就是一个排序过程。若关键码是主关键码，则对于任意待排序序列，经排序后得到的结果是唯一的；若关键码是次关键码，排序结果可能不唯一，这是因为具有相同关键码的数据元素，这些元素在排序结果中，它们之间的的位置关系与排序前不能保持。 若对任意的数据元素序列，使用某个排序方法，对它...

JavaScript传递变量: 值传递？引用传递？

2016年07月27日 6 阅读

当变量A赋值给变量B时，会将栈中的值复制一份到为新变量分配的空间中。 如何理解？ 复制代码 代码如下: var x = y = 1; y = 2; alert（x）; x的值为多少？ 复制代码 代码如下: var obj = {}; var sub = {}; sub["id"] = 3; obj["sub"] = sub; sub["id"] = 4; alert（obj["sub"]["id"]）; obj["sub"]["id"]的值又为多少？他...

快速排序 php与javascript的不同之处

2016年07月27日 6 阅读

1. PHP 复制代码 代码如下: <？php $unsorted = array（2,4,5,63,4,5,63,2,4,43）; function quicksort（$array） { if （count（$array） == 0） return array（）; $pivot = $array[0]; $left = $right = array（）; for （$i = 1; $i < count（$array）; $i++） { i...

js操作textarea方法集合封装（兼容IE,firefox）

2016年07月27日 6 阅读

注意：在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0，当然解决了，但是不够完美。如果有高手也研究过，麻烦指点下。完整测试代码：复制代码 代码如下:<textarea id="testlujun" style="width: 300px; height: 50px;">abcdefghijklmnopqrstuvwxyz</textarea><br /><input onclick=...

输入密码时检测大写是否锁定的js代码

2016年07月27日 6 阅读

主要对 已经激活input框的 大写锁定进行实时检测。 大写锁定已开启 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

打造基于jQuery的高性能TreeView（asp.net）

2016年07月27日 5 阅读

根据我的项目实践情况，主要是几个关键点：1：支持静态的树，即一次性将全部数据加载到客户端。2：异步树，即一次只加载一级或若干级节点，子节点可以异步加载数据。3：Checkbox树（可能是静态树也可能是异步树），用于选择（如选择组织机构，选择数据字典项）等，最好是能够支持节点级联（这个是难点）4：能够承载大数据量，并性能表现优异5：能够在主流浏览器中运行良好那我要打造的TreeView就是为了实现这个5个主要指标的。先来看下效果图 上图是中国行政区域的数据树...

ASP.NET中基于JQUERY的高性能的TreeView补充

2016年07月27日 5 阅读

下面贴上完整的代码，我走了很多弯路，原因就是看了回复中朋友们的代码，现在想起来其实不用那么费事吧。 复制代码 代码如下: <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery.mytree.js" type="text/javascript"></script> <link...

jQuery的学习步骤

2016年07月27日 8 阅读

然后建议去看看 张子秋大哥的 从零开始学jQuery系列 本系列文章导航 从零开始学习jQuery （一） 开天辟地入门篇 从零开始学习jQuery （二） 万能的选择器 从零开始学习jQuery （三） 管理jQuery包装集 从零开始学习jQuery （四） 使用jQuery操作元素的属性与样式 从零开始学习jQuery （五） 事件与事件对象 从零开始学习jQuery （六） jQuery中的Ajax 从零开始学习jQuery （七） jQuery动...

从零开始学习jQuery （三） 管理jQuery包装集

2016年07月27日 5 阅读

一.摘要 在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等. 二.前言 本系列的2,3篇上面列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明. 本章内容很少, 主要讲解动态创建元素和操作jQuery包装集的各个函数. 三.动态创建元...

从零开始学习jQuery （四） jQuery中操作元素的属性与样式

2016年07月27日 10 阅读

一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式. 三. 区分DOM属性和元素属性 一个img标签: <img src="images/image.1.jpg" id="hibiscus" alt=...