`
phpxiaoxin
  • 浏览: 252239 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 1.3.2 study 附实例

    博客分类:
  • js
阅读更多
以下为对15天学习jquery的学习与总结,将一些内容精简合并,甚至与版本1.3.2兼容。这个过程参考了一下三个主要网站:
http://15daysofjquery.com/
http://wiki.jquery.org.cn/doku.php?id=jquery%E4%B8%AD%E6%96%87%E6%8C%87%E5%AF%BC:15%E5%A4%A9%E5%AD%A6%E4%BC%9Ajquery_2#fn__1
http://www.cnjquery.com/html/JQueryjiaocheng/200807/02-1.html

附件内有详细例子以及发上来的说明

第一天:hello jquery

知识点:

$(document).ready(fn);

第二天:双色表格

知识点:

强大的获取dom对象方式:$(".stripe tr")

给对象添加事件:obj.mouseover(fn).onmouseout(fn)

添加样式:$(this).addClass("over");

删除样式:$(this).removeClass("over")

第三天:ajax应用

知识点:

删除节点:$('p.rm').remove();

ajax发送post请求:$.post(url, data, callback, type)

ajax发送get请求:get(url, data, callback, type)

插入内容:obj.html(txt);

动画下拉效果:obj.slideDown("slow");

动画效果:obj.slideDown("slow");必须将obj设置为隐藏,即:display=none,否则看不到效果

$.post(url, data, callback, type)可以替换成get(url, data, callback, type) 其他参数不解释什么了,说一下里面的type:json,xml等也就是返回的数据类型如果是json,可直接data.name获取对应的值更多ajax调用方式可以参考以下页面:
http://jquery.com/demo/ajax/

第四天:包裹dom

知识点:

将obj包裹到html/elem的中心:obj.wrap(html/elem)

添加对象为obj第一节点:obj.prepend(html/elem)

添加对象为obj最后节点:obj.append(html/elem)

通过wrap将对象包裹到参数对象的中心位置,后面参数内的“+”号为连接符号,不是什么特殊意义,也可以直接传一个对象进度如:wrap(${#abc})


第五天:遍历操作(selectors)

知识点:

强大的selectors,搜索li标签下class属性包含lis内容的节点对象:$('li[class*=lis]')

针对对象集合进行遍历操作:objs.each(function(i)

cookies操作:...

遍历dom并且修改dom,通过selectors:$('li[class*=lis]')注意,原来的15天学习jquery中的例子在新版本中已无须 @符号($('li[@class*=lis]')),大家可以看一下selectors的api就可以了:http://docs.jquery.com/DOM/Traversing/Selectors
实例:http://docs.jquery.com/Selectors/attributeContains#attributevalue


第六天:实例、插件

经过前几天的学习,jquery就能作简单的应用了,下面几天主要讲了一些实际的例子, 其实也无非是通过jquery进行dom的操作,没什么特殊的东西,在我看来下面要作的是了解 jquery的api,以及ui plugin 然后在看看他的源码(当然我功力尚浅,所以...),jquery的api还是不错的,下面是中文的下载地址:
http://code.google.com/p/jquery-api-zh-cn/downloads/list

http://wiki.jquery.org.cn/doku.php?id=jquery%E4%B8%AD%E6%96%87%E6%8C%87%E5%AF%BC:15%E5%A4%A9%E5%AD%A6%E4%BC%9Ajquery_3
上面地址说了一些实例,可以都看一下效果,扫一下代码思路,用到了再具体研究。

jquery的代码分析: http://jljlpch.iteye.com/blog/234218
jquery的中文文档等下载:http://code.google.com/p/jquery-api-zh-cn/
官方网站:http://jquery.com/
中文社区:http://bbs.jquery.org.cn/index.php

  • jquery.zip (73.7 KB)
  • 描述: jqueryStrudy
  • 下载次数: 180
分享到:
评论

相关推荐

    JQuery1.3.2

    JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2

    JQUERY1.3.2

    版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用

    jquery1.3.2 中文api

    《jQuery 1.3.2 中文 API:深入解析与应用》 jQuery 是一个高效、简洁的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.3.2 版本是其发展历史上的一个重要里程碑...

    Jquery1.3.2Spket自动提示包

    《jQuery 1.3.2 Spket自动提示包详解》 在编程领域,尤其是在Web开发中,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计等任务。而jQuery 1.3.2是jQuery的一个重要版本,尽管后续...

    jquery-1.3.2.js

    《jQuery 1.3.2:JavaScript 动态交互的核心技术》 在Web开发领域,jQuery库以其简洁、高效的API,极大地简化了JavaScript的使用,尤其是对于DOM操作、事件处理和动画效果。本文将深入探讨jQuery 1.3.2版本中的核心...

    jQuery1.3.2最新版源码

    首先,jQuery1.3.2包含了两个主要的文件:`jquery-1.3.2.js`和`jquery-1.3.2.min.js`。`jquery-1.3.2.js`是未压缩的源代码版本,适合于开发和调试,因为它的代码结构清晰,便于阅读和理解。而`jquery-1.3.2.min.js`...

    jquery1.3.2后台管理模板

    《基于jQuery1.3.2的后台管理模板详解》 在Web开发领域,jQuery作为一个强大的JavaScript库,一直以来都深受开发者们的喜爱。特别是jQuery1.3.2版本,它以其高效、简洁的API,大大简化了DOM操作、事件处理、动画...

    jquery1.3.2.js及api.chm

    《jQuery 1.3.2.js及API.chm》是一个针对jQuery 1.3.2版本的资源包,其中包含了核心库文件`jquery1.3.2.js`和压缩优化版`jquery1.3.2.min.js`,以及一个中文API帮助文档`jQuery1.3函数速查手册.chm`。这个压缩包对于...

    jquery-1.3.2.min.js

    《jQuery 1.3.2:深入理解与应用》 jQuery是JavaScript库的杰出代表,以其简洁、高效的语法设计赢得了全球开发者的喜爱。在本文中,我们将深入探讨jQuery 1.3.2这一版本,包括它的核心特性、API文档以及实际应用...

    Jquery1.3.2类库并带中文提示

    **jQuery 1.3.2 类库与中文提示详解** jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript编程,特别是在处理DOM操作、事件处理、动画效果和Ajax交互等方面。标题提到的“Jquery1.3.2类库”是指jQuery...

    jquery-1.3.2.js和jquery.min-1.3.2.js

    《jQuery 1.3.2:深入理解与应用》 jQuery是JavaScript库的杰出代表,以其简洁、易用的API闻名于世。本篇将详细探讨jQuery 1.3.2版本,包括其核心功能、优化特性以及在实际项目中的应用。 首先,jQuery的核心理念...

    jquery1.3.2手册

    《jQuery 1.3.2 手册》是前端开发者必备的参考资料,它详细阐述了jQuery库在1.3.2版本中的各项功能和用法。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过这个手册,...

    jQuery1.3.2 js & 1.3中文帮助

    **jQuery 1.3.2 JS 和 1.3中文帮助文档详解** jQuery 是一个流行的JavaScript库,由John Resig于2006年创建,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及AJAX交互。jQuery 1.3.2是该库的一个重要...

    jquery1.3.2.js

    是实现jQuery表格操作添加行、删除行和动态移动的脚本

    JQuery1.3.2及手册

    JQuery1.3.2是JavaScript的一个库,它极大地简化了网页中的DOM操作、事件处理、动画设计和Ajax交互。这个版本在2009年发布,虽然现在已经有了更新的版本,但1.3.2仍然是许多项目中仍然广泛使用的经典版本。本压缩包...

    jquery1.3.2及智能感应所需文件

    《jQuery 1.3.2及其智能感应功能详解》 jQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的使用,使得DOM操作、事件处理、动画制作以及Ajax交互变得更加简单。本篇将深入探讨jQuery 1.3.2...

    jquery1.3.2下载

    《jQuery 1.3.2 下载及其应用详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.3.2是该库的一个重要版本,它在1.3系列中提供了一系列改进和...

Global site tag (gtag.js) - Google Analytics