随笔分类 - Jquery相关
jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。
摘要：网站建设中前端人员利用jQuery实现动画再简单不过了，只是要实现更酷的效果还需要插件来帮忙，easing就是一款帮助jQuery实现缓动动画的插件，经过试用，效果很不错！下载该插件：jquery.easing.1.3.js jquery.easing.compatibility.js该插件美化排版...
阅读全文
摘要：JQuery 提供了两种方式来阻止事件冒泡。方式一：event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); });方式二：return false; $("#div1").mousedown(function(event){ return false; });但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身
阅读全文
摘要：在使用Dreamweaver做页面form的时候，默认情况下Dreamweaver都会生成一个标签把元素包装一下，但是有事由于包装不好也会出现一些问题，例如我现在遇到的问题：在IE7中没有任何问题，但是在firefox 2中点学科下拉时，每次松开鼠标左键后焦点就回到出版社上面，这样导致选择学科时必须一直按着鼠标左键。而相对而言，选择教材时却没有发现这个问题．分析页面： 教材出版社 学科教材 原来在代码中，出版社和学科段被同一个封装，估计firefox在处理时把整个作为一个整体的焦点了，所以导致在这个焦点内点一个可获得焦点的控件得到焦点。结论：在使用时，尽量不要使用标签，起码到现在为止我还没有发
阅读全文
摘要：昨晚无意中发现一个有趣的jQuery插件.tmpl()，其文档在这里。官方解释对该插件的说明：将匹配的第一个元素作为模板，render指定的数据，签名如下:.tmpl([data,][options])其中参数data的用途很明显：用于render的数据，可以是任意js类型，包括数组和对象。options一般情况下都是选项了，官方指出，此处的options是一个用户自定义的键值对的map，继承自tmplItem数据结构，适用于模板render动作期间。在这里可以下载到最新的tmpl插件，值的一提的是，官方同时也说明了，tmpl目前是beta版，使用需谨慎..好吧，先来一个最直观的例子：复制代码
阅读全文
摘要：表格中相同单元格合并是经常需要用到的，针对自己做的方法做个小总结，先看一下合并前效果图，合并后的效果图：代码：<!DOCTYPE html><html> <head> <title>merge.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my
阅读全文
摘要：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><mce:style><!----></mce:style><stylemce_bogus="1"></style><title>JS获取复选框被选中的值</title></head><b
阅读全文
摘要：本文介绍使用jQuery的AJAX功能和asp.net来实现省市区的三级联动效果，其他二级、三级或多级联动也可以按照此方法完成。本文介绍使用jQuery的AJAX功能和asp.net来实现省市区的三级联动效果，其他二级、三级或多级联动也可以按照此方法完成。文章中涉及到的数据表为City,为方便管理。设计此表如下ID：自增长字段City_Name:城市名称City_Code:城市代码我们根据城市代码来查询省、市、区。城市代码结构大致如下：内蒙古：150000，呼和浩特：150100，新城区：150101。其他地区代码与此一样，省级为省级编号+0000，市级为省级编号+市级编号+00，地区为省级编
阅读全文
摘要：很久没有写JQuery的文章了。今天来看下JQ对天Checkbox复选框的操作。看下面的一个小例子。在这个例子中包括了以下几个功能1. 全选2. 取消全选3. 选中所有奇数4. 反选5. 获得选中的所有值<!--$("document").ready(function(){$("#btn1").click(function(){$("[name='checkbox']").attr("checked",'true');//全选})$("#btn2").cli
阅读全文
摘要：jQuery在客户端操作Table学习：不过有很多很多的不足，还需要学习掌握。<styletype="text/css">.hover{background-color:red;}</style><tableid="table1"border="1"cellpadding="0"cellspacing="0"><tr><th><inputtype="checkbox"id="checkall"
阅读全文
摘要：因发现有不少博友发园内短信问及JS的跨域问题，我想很多程序员的脑海里面还认为JS是不能跨域的，其实这是一个错误的观点；有很多人在网上找其解 决方法，教其用IFRAME去解决的文章很多，真有那么复杂吗？其实很简单的，如果你用JQUERY，一个GETJSON方法就搞定了，而且是一行代码搞 定。下面开始贴出方法。 //跨域（可跨所有域 名） $.getJSON("http://user.hnce.com...
阅读全文
摘要：As previously mentioned in this post Thickbox 3.1 is currently broken in many revisions of Internet Explorer 7. Specifically, those revisions who return the substring “MSIE 6.0″ in the user-agent str...
阅读全文
摘要：jquery应用-图片拖拽排序 最近在研究Interface elements for jQuery（http://interface.eyecon.ro/），此插件封装了一些拖拽效果，并且使用非常简单，能轻松实现拖拽排序、购物车、博客首页排版等UI，所以模仿和讯的图片排序做了一个简单样例： 代码： Sortables demo - Interface plugin for jQue...
阅读全文
摘要：所有效果说明： 基本的鼠标互动： 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果： 手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条 (sliders)、表格排序(table sorters)、页签(tabs) 放大镜效果(magnifier)、阴...
阅读全文
摘要：一、介绍blockUI 它是Jquery框架的一个插件，专门用来做提示框、模态窗口的 地址：http://www.malsup.com/jquery/block/ 具体的使用方法和demo里面都写得很清楚，我不再一一陈述 二、重写javascript中的alert，使得所有调用alert的地方都有统一的样式 这里我提供一个js文件 ...
阅读全文
摘要：jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。 jQue...
阅读全文