2011年8月1日

Jquery——动画效果
摘要： 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 帘 阅读(25019) 评论(1) 推荐(0)
Jquery——模拟操作以及bind绑定事件的好处
摘要： $(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 帘 阅读(1117) 评论(0) 推荐(0)
Jquery——几个注意的小知识
摘要： 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 帘 阅读(273) 评论(0) 推荐(0)
Jquery——hover与toggle
摘要： 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 帘 阅读(657) 评论(0) 推荐(0)

2011年7月31日

Jquery——Ajax
摘要： 一、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 帘 阅读(258) 评论(0) 推荐(0)
Jquery——样式
摘要： 获取样式用.attr(class,className);追加样式用：.addClass(className),增加样式，原有的样式不会消失，而是再添加一个样式移除样式：.removeClass(className)，删除有的样式切换样式：.toggleClass(className)，如果添加了样式那么删除，如果没有样式则添加判断样式是否存在：.hasClass(className),其实该方法内部调用了is(className) 阅读全文
posted @ 2011-07-31 20:56 帘 阅读(319) 评论(0) 推荐(0)
Jquery——对属性的操作
摘要： 添加属性添加一个属性： 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 帘 阅读(152) 评论(0) 推荐(0)
Jquery——基础
摘要： 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 帘 阅读(284) 评论(0) 推荐(0)
Jquery——DOM学习(元素节点）
摘要： 首先是学习文件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 帘 阅读(1769) 评论(0) 推荐(0)
Jquery——基本过滤选择器
摘要： :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 帘 阅读(893) 评论(0) 推荐(0)

导航