快乐的Tina  

随笔分类 -  JQuery

  • jQuery UI入门手册
    摘要：jQuery UI入门手册，新手必备。先说明一下效果：基本的鼠标互动：拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing)各种互动效果：手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow)第一节：鼠标的交互应用1.1 Draggables:拖拽所需文件：ui.mouse.jsui.draggable.jsui.draggable.ext 阅读全文
    posted @ 2010-12-02 11:32 幸福佑儿 阅读(308) 评论(0) 推荐(0)
  • jQuery性能优化指南
    摘要：原文链接1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><div id="content"> <form method="post" action="#"> <h2>交通信号灯&l 阅读全文
    posted @ 2010-11-18 13:35 幸福佑儿 阅读(187) 评论(0) 推荐(0)
  • 从零开始学习jQuery (8) jQuery工具函数
    摘要：三.什么是工具函数工具函数是指在jQuery对象(即变量"$")上定义的函数. 这些函数都是工具类函数.比如C#中最常用的trim()函数:$.trim(" text ");在原始javascript中并没有提供同时去除前后空格的trim函数. 所以这一类常用的工具函数统称为 "Utilities" 函数.对应jQuery官方文档:http://docs.jquery.com/Utilities"$"其实是"window"对象的属性, 所以下面几句话是等价的: $.trim(" tex 阅读全文
    posted @ 2010-11-17 16:49 幸福佑儿 阅读(677) 评论(0) 推荐(0)
  • 从零开始学习jQuery (7) jQuery动画-让页面动起来!
    摘要：三.从实例开始做web程序经常要使用弹出层, 比如单击文字或按钮显示一段提示文字等. 假设有如下需求: 单击图中的"显示提示文字"按钮, 在按钮的下方显示一个弹出层. 单击任何空白区域或者弹出层,弹出层消失. 用原始javascript我们也完全可以完成这个工作. 有以下几点注意事项:1. 弹出层的位置需要动态计算. 因为触发弹出事件的对象可能出现在页面的任何位置, 比如截图中的位置.2. 为document绑定单击是关闭弹出层的函数, 要使用多播委托, 否则可能冲掉其他人在document绑定的函数.3. 为document绑定了关闭函数后, 需要在显示函数中取消事件冒泡 阅读全文
    posted @ 2010-11-12 15:38 幸福佑儿 阅读(9847) 评论(0) 推荐(0)
  • 从零开始学习jQuery (6) AJAX快餐
    摘要：三.原始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"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title> 阅读全文
    posted @ 2010-11-11 16:06 幸福佑儿 阅读(351) 评论(0) 推荐(0)
  • 从零开始学习jQuery (5)-事件与事件对象
    摘要：三.事件与事件对象曾经在我的 "Javascript公共脚本库系列(二): 添加事件多播委托的方法" 和 "Javascript公共脚本库系列(三): 格式化事件对象/事件对象详解" 两篇文章中, 曾讲解过javascript中的事件和事件对象.首先看一下我们经常使用的添加事件的方式:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 阅读全文
    posted @ 2010-11-11 14:57 幸福佑儿 阅读(389) 评论(0) 推荐(0)
  • 从零开始学习jQuery(4)-使用jQuery操作元素的属性与样式
    摘要：我们可以使用javascript中的getAttribute和setAttribute来操作元素的"元素属性".在jQuery中给你提供了attr()包装集函数, 能够同时操作包装集中所有元素的属性:名称说明举例attr( name )取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。返回文档中第一个图像的src属性值: $("img").attr("src");attr( properties )将一个“名/值”形式的对象设置为所有匹配元素的属性 阅读全文
    posted @ 2010-11-10 17:30 幸福佑儿 阅读(841) 评论(0) 推荐(0)
  • jquery toggleClass()的用法
    摘要：toggleClass(class)说明:如果存在（不存在）就删除（添加）一个类。如果匹配元素集合中元素没有使用样式‘class’则对该元素加入样式‘class’；如果已经使用该样式，则从该元素中删除该样式。view sourceprint?1$("div").toggleClass("highlight");点击div元素后，如果匹配div元素集合中包含样式‘highlight’则删除该样式，没有包含‘highlight’样式则增加该样式下面是jQuery1.2.6中toggleClass的源码：view sourceprint?01function 阅读全文
    posted @ 2010-11-10 16:18 幸福佑儿 阅读(5195) 评论(0) 推荐(0)
  • 从零开始学习jQuery(3)-jQuery包装集
    摘要：1.过滤 Filtering名称说明举例eq( index )获取第N个元素获取匹配的第二个元素: $("p").eq(1)filter( expr )筛选出与指定表达式匹配的元素集合。保留带有select类的元素: $("p").filter(".selected")filter( fn )筛选出与指定函数返回值匹配的元素集合这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除，否则就会保留。保留子元素中不含有ol的元素: $("div"). 阅读全文
    posted @ 2010-11-10 15:59 幸福佑儿 阅读(647) 评论(1) 推荐(0)
  • 从零开始学习jQuery(2)-jQuery选择器
    摘要：1. 基础选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有<a>元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1, selector2, selectorN可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.$("#di 阅读全文
    posted @ 2010-11-10 15:58 幸福佑儿 阅读(863) 评论(0) 推荐(0)
  • 从零开始学习jQuery(1)
    摘要：1.下载jQuery类库下载地址:http://docs.jquery.com/Downloading_jQuery上面的地址是总下载列表, 里面有很多版本和类型的jQuery库, 主要分为如下几类:1.4.1 (Release Notes)Minified, UncompressedDocumentation: Changelog, Visual StudioUncompressed:完整的jQuery类库Minified: 压缩后的jQuery类库, 在正式环境上使用.Visual Studio: 在Visual Studio中需要引入此版本的jquery类库才能启用智能感知必须要引用vs 阅读全文
    posted @ 2010-08-30 14:12 幸福佑儿 阅读(755) 评论(2) 推荐(0)

 
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3