随笔分类 - 脚本---jQuery学习
摘要：11111111111111111111111
阅读全文
摘要：一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类似google suggest).二.前言研究别人的作品真是一件花时间而且痛苦的过程. 当然也和本人英文不好有关. 总觉得控件作者写了很多文档但是都不够系统, 需要深入研究很多的...
阅读全文
摘要：11111111111111111111111111三.什么是工具函数工具函数是指在jQuery对象(即变量"$")上定义的函数. 这些函数都是工具类函数.比如C#中最常用的trim()函数:$.trim(" text ");在原始javascript中并没有提供同时去除前后空格的trim函数. 所以这一类常用的工具函数统称为 "Utilities" 函数.对应jQuery官方文档:http://...
阅读全文
摘要：1111111111111111111二.前言经过公司内部收集, 整理了一些经常使用javascript实现的功能. 实现这些功能的主角不是让人眼花缭乱的jQuery插件, 而是jQuery UI.如果你还在为了一个小小的特效而去下载并安装插件, 发现Bug还没有人替你解决. 记住插件是我们没有办法的最后选择. 使用插件有太多的坏处:1.不利于维护2.增加页面大小3.不利于成员间交流共享,具有学习...
阅读全文
摘要：三.从实例开始做web程序经常要使用弹出层, 比如单击文字或按钮显示一段提示文字等. 假设有如下需求: 单击图中的"显示提示文字"按钮, 在按钮的下方显示一个弹出层.单击任何空白区域或者弹出层,弹出层消失. 用原始javascript我们也完全可以完成这个工作. 有以下几点注意事项:1. 弹出层的位置需要动态计算. 因为触发弹出事件的对象可能出现在页面的任何位置, 比如截图中的位置.2. 为do...
阅读全文
摘要：三.原始Ajax与jQuery中的Ajax首先通过实例, 来看一下jQuery实现Ajax有多简单. 下面是一个使用原始Ajax的示例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <...
阅读全文
摘要：事件与事件对象首先看一下我们经常使用的添加事件的方式:<!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"&...
阅读全文
摘要：1.区分DOM属性和元素属性通常开发人员习惯将id, src, alt等叫做这个元素的"属性". 我将其称为"元素属性". 但是在解析成DOM对象时, 实际浏览器最后会将标签元素解析成"DOM对象", 并且将元素的"元素属性"存储为"DOM属性". 两者是有区别的. 虽然我们设置了元素的src是相对路径:images/image.1.jpg 但是在"DOM属性"中都会转换成绝对路径:http://...
阅读全文
摘要：动态创建元素 1.错误的编程方法我们经常使用javascript动态的创建元素, 有很多程序员通过直接更改某一个容器的HTML内容.比如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...
阅读全文
摘要：1.jQuery包装集和Dom对象得概念jQuery包装集是一个集合, 所以我们可以通过索引器访问其中的某一个元素:var domObject = $("#testDiv")[0];注意, 通过索引器返回的不再是jQuery包装集, 而是一个Dom对象! 2jQuery选择器//根据ID获取jQuery包装集var jQueryObject = $("#testDiv"); 上例中使用了ID选择器...
阅读全文
摘要：最近在群里，有成员问道了无刷新分页的问题，碰巧前一段时间正好实现了这个功能，而且还在这个基础上增加了自己的一点特制的功能，比如筛选、排序功能。不过今天就先不涉及，先从简单的分页讲起。首先，我们要准备的文件有：jquery.js,jquery.pagination.js,pagination.css,还有一个就是经常用的table布局的css文件。这些文件都会在后面的文件中包含。先把要用到的文件依次...
阅读全文
摘要：具体的功能如下：点击输入框，自动列出热门出行城市；支持中文/拼音/3字码 输入的智能提示；支持键盘方向键选择、回车键确定；支持选择后自定义callback函数；支持IE6、IE7、IE8、Firefox演示：http://x.zendstudio.net/libs/jquery-suggest-revised/相关日志：http://www.zendstudio.net/archives/jque...
阅读全文
摘要：http://www.cssrain.cn/article.asp?id=1363在看这篇文章之前，我们先读一个笑话："小沈阳"版设计师1.做图其实可痛苦的了……设计一做一改，一天就过去了；嚎~设计再一改一调，整个晚上就过去了；嚎~2.做图最痛苦的事儿是啥，知道不？就是，图没做完，设计又改了；3.做图最最痛苦的事儿是啥，知道不？ 就是，图好不容易做完了，方案全改了；4.做图...
阅读全文
摘要：http://www.cssrain.cn/article.asp?id=1370Mashup--Google Map API与饭否API的整合应用这是一个通过JS 整合两个API 的混搭小应用。 先预览这个应用：http://www.playgoogle.com/demo/fanfou/default.htm1.前提 (1)， 什么是Mashup?？http://baike.baidu.com/...
阅读全文
摘要：http://www.cssrain.cn/article.asp?id=1369使用jQuery制作手风琴效果本例主要讲解如何利用jQuery创建一个简单的手风琴风格的竖向菜单，从易到难。 第一步:搭建基本结构。 我使用的是dl dt dd 结构，如下所示：< dl id="sfqclick" >< dt class="leftIco">MainLink-1< /d...
阅读全文
摘要：http://www.cssrain.cn/article.asp?id=1375基于jQuery的饭否输入框.相信大多数人都使用过饭否。总的来说，饭否算是国内一个不错的互联网产品。个人比较喜欢。特别是那个140字的输入框，我觉得还不错，能实时的显示 “已经输入多少字”和“还可以输入多少字”。所以，这篇文章就是来讲解如何制作一个类似的输入框。1，基本...
阅读全文
摘要：http://www.cssrain.cn/article.asp?id=1377仿Google的一个鼠标拖动效果.在 igoogle 的娱乐频道栏目里，有一个非常酷的效果，它能通过鼠标的拖动 来控制 视频显示区域 的滚动 。截图：1，基本布局 我们在网页中加入 40 个 li 元素，同时不限制 ul 的高度。显示效果如下：http://www.cssrain.cn/demo/igooglevid...
阅读全文
摘要：使用jQuery UI制作滑动条效果前段时间在佐佐的博客上看到这个效果：http://byzuo.com/blog/dragscroll.当时他是用纯JS写的，中间有点BUG。今天我不去帮它改进了，而是使用jQuery UI来完成这个效果。效果的最终截图：1.什么是jQuery UI 简单的说jQuery UI也是jQuery插件，只不过专指由jQuery官方维护的UI方向的插件。jQuery U...
阅读全文
摘要：先看效果前台代码[代码]后台代码protected void Button1_Click(object sender, EventArgs e) { Utility.MessageBox.AlertScript("attachWindowEventHandler('',function(){divcenter('成功');})"); }
阅读全文
摘要：概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更...
阅读全文
浙公网安备 33010602011771号