推荐10个超棒的jQuery工具提示插件

2016年07月27日 5 阅读

1. Pop！ 使用 Pop！可以创建简单的下拉菜单！这是一个并不引人注目的 jQuery 插件。 2. BetterTip 允许你创建定制的 Tool tips 的 jQuery 插件。 3. EZPZ Tooltip 非常简单的使用边框的 tooltip，同样也可以跟随鼠标。 4. BsTip 各种简单的 tooltips，使用淡入和淡出效果，并且也有边框环绕。 ...

jQuery EasyUI API 中文文档 - ComboTree组合树

2016年07月27日 7 阅读

扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults。用 $.fn.combotree.defaults 重写了defaults。依赖 combo tree 用法 <select id="cc" style="width:200px;"></select> <input id="cc" value="01"> 复制代码 代码如下: $（"#cc"）.combotree（{ url:"t...

Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

2016年07月27日 8 阅读

由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上Radio1.获取选中值，三种方法都可以： $（"input:radio:checked"）.val（）； $（"input[type="radio"]:checked"）.val（）; $（"input[name="rd"]:checked"）.val（）; 2.设置第一个Radio为选中值： $（"input:radio:first"）.attr（"c...

Tab页界面 用jQuery及Ajax技术实现（php后台）

2016年07月27日 6 阅读

网上的Tab页代码很多，实现也大同小异 ，但代码都显得凌乱，若要真的用的话，必须费劲的吃透它，才能进行二次定制开发，为我所用。实际上实现这个Tab页界面非常简单，仅仅是通过Ajax技术偷偷的获取信息，然后在一块区域轮流显示而已（通过显示和隐藏层，或复用一个层，轮流向里边填充Html数据）。 自己的开发的代码自己最清楚，用起来也应该最顺手，要扩展的话脑子也不犯晕。代码如下，还在不断修改中。 代码如下: 复制代码 代码如下: <！DOCTYPE html...

Javascript insertAfter（） 实现函数代码

2016年07月27日 13 阅读

复制代码 代码如下: //DOM没有提供insertAfter（）方法 function insertAfter（newElement, targetElement）{ var parent = targetElement.parentNode; if （parent.lastChild == targetElement） { // 如果最后的节点是目标元素，则直接添加。因为默认是最后 parent.appendChild（newElement）; } e...

jQuery EasyUI API 中文文档 - ComboGrid 组合表格

2016年07月27日 6 阅读

扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults，用 $.fn.combogrid.defaults 重写了 defaults 。依赖 combo datagrid 用法 复制代码 代码如下: <select id="cc" name="dept" style="width:250px;"></select> 复制代码 代码如下: <input id="cc" name="de...

简介内容超出部分文字隐藏省略的特效（可显示）

2016年07月27日 5 阅读

我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的...

最短的javascript:地址栏载入脚本代码

2016年07月27日 5 阅读

不过脚本比较长的时候，需要复制密密麻麻一大段到地址栏里，显得很不美观，而且脚本修改起来也很不容易。因此一般先把脚本写在单独一个文件里，然后用javascript: 的形式动态载入脚本到页面中。不少网页插件都是用这个方法载入。 平时，我们用最简单的代码实现动态载入： 复制代码 代码如下: javascript:var o=document.createElement（"script"）;o.src="...";document.body.appendCh...

jQuery EasyUI API 中文文档 - NumberBox数字框

2016年07月27日 7 阅读

扩展自 $.fn.validatebox.defaults，用 $.fn.numberbox.defaults 重写了 defaults 。 依赖 validatebox 用法 复制代码 代码如下: <input type="text" id="nn"></input> 复制代码 代码如下: $（"#nn"）.numberbox（{ min:0, precision:2 }）; 特性其特性扩展自 validatebox，下列是为...

自己动手制作jquery插件之自动添加删除行的实现

2016年07月27日 6 阅读

效果图如下，演示地址请点击既然是插件，那就应该可以使用$（"div"）.method（{}）这样的jquery写法来调用，它的做法是: 复制代码 代码如下: （function（$） { }）（jQuery）; 然后给插件命名: 复制代码 代码如下:$.fn.autoAdd = function（options） {}这样我们就可以在页面里用$（dom）.autoAdd（{...}） 来调用这个插件了，接着我们再给它一些特定的参数，比如我们要复制哪一行，...

获取body标签的两种方法

2016年07月27日 5 阅读

引用body标签有两做法： 第一种：使用DOM Core 即引用某个给定文档的第一个（也是仅有的一个）body标签 复制代码 代码如下: document.getElementsByTagName（"body"）[0] 第二种：使用HTML-DOM,即引用某个给定文档的body属性： 复制代码 代码如下: doucumnet.body 本文的重点： 1. 哪些是DOM Core,哪些是HTML-DOM（慢慢补充） ...

javascript nextSibling 与 getNextElement（node） 使用介绍

2016年07月27日 5 阅读

1. nextSibing：下一个节点，节点类型可以是任何一种，其中就有文本节点。 2.得到下一个元素节点： 复制代码 代码如下: function getNextElement（node）{ if（node.nodeType == 1）{ return node; } if（node.nextSibling）{ return getNextElement（node.nextSibling）; } return null; } ...

自己动手制作jquery插件之自动添加删除行功能介绍

2016年07月27日 5 阅读

这是一个我认为功能基本完善的插件，它包括添加、删除、插入、上下移动、索引标识、 数量控制等功能，基本上能满足大部分多行添加的需求，当然，在完成这些功能的前提下，我也尽量保持较少的代码量和易理解的逻辑性。 这个插件的演示页面是http://www.lovewebgames.com/demo/autoAdd/autoAdd.html ，引用自己动手制作jquery插件之自动添加删除行（上）里的介绍，这是一个简单的插件，它的作用是:一个系统中有大量的需要对一个...

jQuery EasyUI API 中文文档 DateTimeBox日期时间框

2016年07月27日 6 阅读

扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。依赖 datebox timespinner 用法 复制代码 代码如下: <input id="dt" type="text"></input> 复制代码 代码如下: $（"#dt"）.datetimebox（{ showSeconds:false }）; 特性其特性扩展自 datebox，下列是...

jquery中ajax学习笔记一

2016年07月27日 5 阅读

AJAX简单介绍： AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML），是指一种创建交互式网页应用的网页开发技术。通过 AJAX，JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 jQuery是一种javascript框架，是对javascr...

jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML

2016年07月27日 7 阅读

摘要：本节补充ajax学习笔记1中 第二种方式：使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍，本节主要介绍需要修改的代码以及新增的代码 .新增一个servlet类 AJAXXMLServer.java 复制代码 代码如下: import javax.servlet.http.HttpServlet; import javax.ser...

jquery中ajax学习笔记3

2016年07月27日 5 阅读

摘要： ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据，本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据。 由于很多知识都已经做了详细介绍，本节只介绍需要修改的代码，使用jqery封装的ajax使用XML格式接收服务器端的数据，web.xml、后台的servet都...

jquery中ajax学习笔记4

2016年07月27日 6 阅读

缓存问题： 何谓缓存问题？即当浏览器的输入内容相同，即请求的URL相同，这样浏览器就会去读缓存，两次的内容一样，就不会和服务器端进行交互。 解决方式：在请求的url中加上时间戳。 通过我的测试，IE、360两次用户名输入一致时不会和服务器端交互，firefox即使两次用户名输入的一样，仍然会和服务器端交互。 即：firefox的中服务器端返回的temp值会每次加1，IE、360就不会改变。故加上时间戳在这三种浏览器中都不会再有缓存问题。 修改的代码： AJ...

Js sort排序使用方法

2016年07月27日 5 阅读

javascript 中 array.sort（） 中的参数，需要传入的是一个函数，而且必须是一个函数。 其中的x ，y代表的是array中的两个对象。 需要注意的是，返回类型只有三种：负整数、零、正整数 一般习惯上使用 -1 0 1 代表 另外有个小技巧，如果只需要对一个属性进行比较，比如这里的年龄，那么整个排序方法就只有一句话了 复制代码 代码如下: function a（x,y）{ return x.age-y.age; } ...

用dtree实现树形菜单 dtree使用说明

2016年07月27日 5 阅读

准备工作： 请从脚本之家http://www.jb51.net/jiaoben/31974.html下载dtree.zip文件 dtree.zip压缩包介绍： dtree是一个由JavaScript编写成的简单的树形菜单组件，目前免费并且开源。 目前有很多的树形菜单组件（比如ext），dtree是一种简单易懂的js组件， 不需要复杂的操作即可生产，同时支持动态从数据库引入数据 解压后有以下几部分： img文件夹： 包含树形菜单显示需要的图标 api.htm...