随笔分类 -  JQuery

摘要：模拟JQuery1.首先模拟一个jquery对象,在这里起名叫xjs，如下代码： var xjs = function(selector) { return document.getElementById(selector); } alert(xjs("d1").innerHTML);但是现在通过xjs返回的是一个dom对象，这跟jquery返回的是一个jquery对象不同。为了让xjs返回本身自己，需要扩展xjs。 var xjs = function(selector) { return xjs.fn.init(selector); } xjs.fn = xjs.pro 阅读全文

摘要：1.很久以前用JQueryEasyUi做的练习DEMO，今天整理文件的时候发现了，在这里分享给大家，给需要这方面的人一个参考，对于这方面有经验的人可以给点意见。效果是一个登陆界面加一个主界面，见图：详细见源码，框架是用简单的jquery + easyui + DataSet来实现的源码点我 阅读全文

摘要：一.前言　　把JQuery某个功能封装成插件是为了能更方便的重用，提供效率。二.效果　　　　　　　　　　支持IE6和最新的chrome浏览器。三.插件代码jquery.tab.js　　关键代码都加注释了,应该不难理解。四.css代码jquery.tab.css五.插件使用方法代码可以通过设置autoHeight属性来控制内容的高度默认为true自动适应高低，tabWidth来控制tab的宽度,默认... 阅读全文

摘要：前言：　　本示例大概功能是前台通过JQuery的Ajax调用一般处理程序(Handler)，获取表格需要显示的信息，然后转换成json格式返回给前台，前台获取到数据后循环构建表格的行，最好把行附加到表里。目标：　　a 熟悉简单JQuery Ajax的使用　　b 了解如何构造基本的Json格式的数据（构建Json也可以通过第三方的dll）　　c 熟悉下handler的基本用法1 简单效果图2 前台代... 阅读全文

摘要：1. 效果如图　　2 练习目的　　1 熟悉基本的jquery选择器的运用　　2 了解基本的Jquery事件的使用　　3 熟悉几个常用的jquery方法等3 练习功能点　　1 隔行变色　　　　odd/even 奇数/偶数行　　　　addClass 添加样式　　2 鼠标经过样式　　　　mouseover 事件　　　　removeClass 移除指定样式　　　　siblings 取得一个包含匹配的元素集... 阅读全文

摘要：1.效果如图　　2.实现思路　　1 鼠标移入标题（这里是<a>标签）　　　　创建一个div，div的内容为鼠标位置的文本　　　　将创建好的div加到文档中　　　　为提示层设置位置　　2 鼠标移出标题　　　　移除div　　3 当鼠标在标题内移动时　　　　同样添加div效果3.JQuery实现代码　　代码代码很简单主要是用到了JQuery的三个事件mouseover,mouseout,mo... 阅读全文

摘要：1.效果如下：　　　　2.关于JQuery UI的介绍请看官方http://jqueryui.com/，里面有详细的DEMO和文档。　　3.关于静态的Accordion效果，如上图所示，跟JQuery UI里的Demo一模一样。再使用JQueryUI前要先引用相应的样式和库　代码　　然后再调用Accordion代码　　html代码如下:　　代码　　4.下面主要来说说动态读取数据库里内容作为Acco... 阅读全文

摘要：1.效果如图：　　2.代码：代码3.小修改（实现点击展开，再次点击关闭）代码补充下某句改成这样var $content = $(this).children("a");大家可以试下效果有什么不同。 阅读全文

摘要：1.效果如图：　　2.代码：代码 阅读全文

摘要：1.JQuery对象提供两种方法转换成DOM对象，[index]和get(index)[代码]2.Dom对象转换成JQuery对象，只要用$()把DOM对象包装起来就可以了[代码] 阅读全文