随笔分类 -  JQuery

摘要:http://www.ccvita.com/121.htmljQuery工作原理解析以及源代码示例http://www.cnblogs.com/haogj/archive/2010/04/19/1715762.htmljquery原型关系图 http://www.ihiro.org/blog/wp-content/uploads/2010/08/sizzle_flow1.jpgjquery选择器http://www.cnblogs.com/lovesueee/archive/2012/10/18/2729829.htmljquery 1.8.2 源码分析http://www.cnblogs.c 阅读全文
posted @ 2013-06-18 07:28 Jimmy-Lee 阅读(375) 评论(0) 推荐(0) 编辑
摘要:效果图:所用的图片:前台代码<!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"><head runat="server"> <title></title> <script src 阅读全文
posted @ 2012-05-03 10:31 Jimmy-Lee 阅读(554) 评论(0) 推荐(0) 编辑
摘要:先来看几个图片效果:提供几个样式图片:样式图片都可以自己随便修改了样式css:<style type="text/css"> body,p,a,div{ margin:0px; padding:0px; } body{ font:14px/22px Georgia serif; margin:0 auto; width:640px; } h1{ font: bold 80%/120% Arial, Helvetica, sans-serif; text-transfo... 阅读全文
posted @ 2012-04-20 11:50 Jimmy-Lee 阅读(4887) 评论(0) 推荐(4) 编辑
摘要:一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来做动画如此简单!二.前言本系列文章的实例都是针对某一个技术细节的, 因为我们要学习的是基础知识, 虽然总有人希望要复杂一些的应用示例, 但是我想还是让我们先把基础打牢, 有了扎实的基础凭借每个人的智慧一定能创造出更多更好的应用.就在写这篇文章的前几天, 还有不止一个同事在为了"弹出层&quo 阅读全文
posted @ 2012-04-09 13:38 Jimmy-Lee 阅读(913) 评论(0) 推荐(0) 编辑
摘要:一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.二.前言Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统一这种差异, 并且让调用Ajax更加简单.三.原始Ajax与jQuery中的Ajax首先通过实例, 来看一下jQuery实现Ajax有多简 阅读全文
posted @ 2012-04-09 11:45 Jimmy-Lee 阅读(485) 评论(2) 推荐(1) 编辑
摘要:首先我们来看一下常用的添加事件的方式:<!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"><head> <title>javascript中的事件</title> <script type=&quo 阅读全文
posted @ 2012-04-09 10:56 Jimmy-Lee 阅读(391) 评论(0) 推荐(0) 编辑
摘要:本章将讲解如何使用jQuery获取和修改元素属性和样式.1.区分DOM属性和元素属性<img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" />通常开发人员习惯将id, src, alt等叫做这个元素的"属性". 我将其称为"元素属性". 但是在解析成DOM对象时, 实际浏览器最后会将标签元素解析成"DOM对象", 并且将元素的"元素属性&qu 阅读全文
posted @ 2012-04-07 15:36 Jimmy-Lee 阅读(925) 评论(1) 推荐(0) 编辑
摘要:上次学习了jq的选择器 那么利用选择器得到想要的对象后如何来操作它呢?在此之前先来看一下如何创建新的元素这里说明innerHtml的方式并不是正确的编程方法,什么是Dom?doucument object model 翻译 文档对象模型。通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript 就需要对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)在jq中 创建对象变得更加的简单 例如$("& 阅读全文
posted @ 2012-04-03 16:52 Jimmy-Lee 阅读(331) 评论(0) 推荐(0) 编辑
摘要:说到jq 不得不了解jq选择器,什么是选择器??在js中 我们获得Dom对象通过这样的方式来获得 var div = document.getElementById("testDiv"); var divs = document.getElementsByTagName("div");在jq中 获得页面上的对象我们有异常强大的选择器 也就是下面所说的它可以通过多样化的方式来获得你所想要的Dom对象,还是总体来说 选择器分为多个分类:1.基础选择器2.层次选择器3.基本过滤器4.内容过滤器5.可见性过滤器6.属性过滤器7.子元素过滤器8.表单选择器9.表单 阅读全文
posted @ 2012-04-03 16:24 Jimmy-Lee 阅读(349) 评论(0) 推荐(0) 编辑
摘要:再次拾起jq 对jq有一定了解后,又进行了一次总结记录!1.下载jQuery类库jQuery的项目下载放在了Google Code上, 下载地址:http://code.google.com/p/jqueryjs/downloads/list-------下面几个文件在官网都有下载 不做说明上面的地址是总下载列表, 里面有很多版本和类型的jQuery库, 主要分为如下几类:min: 压缩后的jQuery类库, 在正式环境上使用.如:jquery-1.3.2.min.jsvsdoc: 在Visual Studio中需要引入此版本的jquery类库才能启用智能感知.如:jquery-1.3.2-v 阅读全文
posted @ 2012-03-31 15:31 Jimmy-Lee 阅读(323) 评论(0) 推荐(0) 编辑