2011年8月1日

摘要: jquery中常用的动画的方法就是hide()与show().$(element).hide()这段代码可以与这相等element.css("display","none")在hide(time)与show(time)中填入事件,可以慢慢消失跟显现。可以修改元素的多个样式,高度,宽度,不透明度。另一组方法fadeIn()与fadeOut()这个与hide跟show不同的是,当使用hide或者show的时候会改变网页的高度,而fadeIn与fadeOut则不会。 $("#panel h5.head").toggle(function() 阅读全文
posted @ 2011-08-01 23:02 帘 阅读(24961) 评论(1) 推荐(0) 编辑
摘要: $(html).trigger(事件类型),在进入该页面后会自动调用事件类型的事件,用bind绑定事件的好处是可以定义自定义的事件,然后用trigger来自动调用。 $("#btn").bind("newType",function(){ $("body").append("<h1>Hello</h1>"); }); $("#btn").trigger("newType");trigger(type[,data])这个trigger,前一个是事件类型, 阅读全文
posted @ 2011-08-01 22:48 帘 阅读(1112) 评论(0) 推荐(0) 编辑
摘要: event.stopPropagation() 停止事件冒泡event.preventDefault()//组织默认行为(例如错误的时候,阻止按钮提交)event.type获取事件类型event.target()获取触发事件的元素event.pageX()/event.pageY()该方法的作用是获取到光标相对于页面的x坐标与y坐标$(html).unbind()取消绑定 unbind([type][,data]),第一个参数是事件类型,第二个参数是删除时调用的函数如果没有事件类型的话,那么删除所有的事件。$(html).bind(type,function); 阅读全文
posted @ 2011-08-01 22:25 帘 阅读(265) 评论(0) 推荐(0) 编辑
摘要: hover方法的语法结构为:hover(enter,leave)hover()当鼠标移动到元素上时,会触发第一个方法,当鼠标移开的时候会触发第二个方法<html> <head> <title>测试用</title> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript"> window.onload=init 阅读全文
posted @ 2011-08-01 21:58 帘 阅读(644) 评论(0) 推荐(0) 编辑

2011年7月31日

摘要: 一、load方法.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) 返回: Jquery载入远程 HTML 文件代码并插入至 DOM 中。<html> <head> <title>练习用</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script> window. 阅读全文
posted @ 2011-07-31 21:17 帘 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 获取样式用.attr(class,className);追加样式用:.addClass(className),增加样式,原有的样式不会消失,而是再添加一个样式移除样式:.removeClass(className),删除有的样式切换样式:.toggleClass(className),如果添加了样式那么删除,如果没有样式则添加判断样式是否存在:.hasClass(className),其实该方法内部调用了is(className) 阅读全文
posted @ 2011-07-31 20:56 帘 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 添加属性添加一个属性: var $p=$("p"); $p.attr("title","ha");添加多个属性: var $p=$("p"); $p.attr({"title":"weiwei","name":"p"});删除属性 $p.removeAttr("title"); 阅读全文
posted @ 2011-07-31 17:23 帘 阅读(148) 评论(0) 推荐(0) 编辑
摘要: Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE 首先$=JQuery,$(document)=JQuery(document)比较window.onload与$(document).ready(handle)的区别Window.onload$(document).ready(handle)执行时机必须所有的页面元素都加在进来才会调用该函数只要有dom结构绘制完毕就运行该函数编写个数若编写多个,只会运行最后一个若编写多个,则会运行多个简化写法无$(function(){})JQuery跟Javascript中的方法不能混用。例如都. 阅读全文
posted @ 2011-07-31 17:13 帘 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 首先是学习文件HTML<html> <head> <title>测试用</title> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript"> window.onload=init; function init(){ } </script> </head> <body> 阅读全文
posted @ 2011-07-31 17:07 帘 阅读(1760) 评论(0) 推荐(0) 编辑
摘要: :eq(index) 返回单个元素,选取索引等于index的元素,从0开始, :lt(index)返回集合元素,选取索引小于index的元素, :gt(index)返回集合元素,选取索引大于index的元素, :even 返回集合元素,返回索引是偶数的所有索引, :odd 返回集合元素,返回索引是奇数的所有索引,:not(selecter)返回集合元素,去除所有与给定选择器匹配的元素。 过滤他们前面的匹配表达式的集合元素。他们缩小匹配元素的顺序范围。给出两个例子:<!DOCTYPE html><html><head> <script src=" 阅读全文
posted @ 2011-07-31 15:53 帘 阅读(885) 评论(0) 推荐(0) 编辑

导航