2011年7月21日

jQuery 核心函数

摘要: jQuery 核心函数函数描述jQuery()接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。jQuery.noConflict()运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库。 阅读全文

posted @ 2011-07-21 18:22 EveryMan 阅读(100) 评论(0) 推荐(0)

jQuery 队列控制函数

摘要: jQuery 队列控制函数函数描述.clearQueue()从队列中删除所有未运行的项目。.dequeue()从队列最前端移除一个队列函数,并执行它。jQuery.dequeue()从队列最前端移除一个队列函数,并执行它。.queue()显示或操作匹配元素所执行函数的队列。jQuery.queue()显示或操作匹配元素所执行函数的队列。 阅读全文

posted @ 2011-07-21 18:21 EveryMan 阅读(154) 评论(0) 推荐(0)

jQuery 数据存储函数

摘要: jQuery 数据存储函数这些方法允许我们将指定的 DOM 元素与任意数据相关联。函数描述.data()存储与匹配元素相关的任意数据。jQuery.data()存储与指定元素相关的任意数据。.removeData()移除之前存放的数据。jQuery.removeData()移除之前存放的数据。 阅读全文

posted @ 2011-07-21 18:20 EveryMan 阅读(133) 评论(0) 推荐(0)

jQuery 遍历函数

摘要: jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。.contents()获得匹配元素集合中每个元素的子元素,包括文本和注释节点。.each()对 jQuery 对象进行迭代,为每个匹配元素执行函数。.end()结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。.eq()将匹配元素集合缩减为位于指定 阅读全文

posted @ 2011-07-21 18:18 EveryMan 阅读(154) 评论(0) 推荐(0)

Query AJAX 请求

摘要: Query AJAX 请求请求描述$(selector).load(url,data,callback)把远程数据加载到被选的元素中$.ajax(options)把远程数据加载到 XMLHttpRequest 对象中$.get(url,data,callback,type)使用 HTTP GET 来加载远程数据$.post(url,data,callback,type)使用 HTTP POST 来加载远程数据$.getJSON(url,data,callback)使用 HTTP GET 来加载远程 JSON 数据$.getScript(url,callback)加载并执行远程的 JavaScr 阅读全文

posted @ 2011-07-21 18:11 EveryMan 阅读(504) 评论(0) 推荐(0)

jQuery CSS 操作

摘要: jQuery CSS 操作jQuery 拥有三种用于 CSS 操作的重要函数:$(selector).css(name,value)$(selector).css({properties})$(selector).css(name)CSS 操作实例函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:实例$(selector).css(name,value)$("p").css("background-color","red");亲自试一试函数 css({properties}) 同时为所有匹配元素的一系列 阅读全文

posted @ 2011-07-21 17:52 EveryMan 阅读(156) 评论(0) 推荐(0)

jQuery CSS 操作函数

摘要: jQuery CSS 操作函数下面列出的这些方法设置或返回元素的 CSS 相关属性。CSS 属性描述css()设置或返回匹配元素的样式属性。height()设置或返回匹配元素的高度。offset()返回第一个匹配元素相对于文档的位置。offsetParent()返回最近的定位祖先元素。position()返回第一个匹配元素相对于父元素的位置。scrollLeft()设置或返回匹配元素相对滚动条顶部的偏移。scrollTop()设置或返回匹配元素相对滚动条左侧的偏移。width()设置或返回匹配元素的宽度。 阅读全文

posted @ 2011-07-21 17:52 EveryMan 阅读(134) 评论(0) 推荐(0)

jQuery-html xml 文档操作方法

摘要: jQuery 文档操作方法这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。after()在匹配的元素之后插入内容。append()向匹配的元素内部追加内容。appendTo()向匹配的元素内部追加内容。attr()设置或返回匹配元素的属性和值。before()在每个匹配的元素之前插入内容。clone()创建匹配元素集合的副本。detach()从 DOM 中移除匹配元素集合。empty()删除匹配的元素集合中所有的子节点。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 阅读全文

posted @ 2011-07-21 17:34 EveryMan 阅读(242) 评论(0) 推荐(0)

jQuery Callback 函数

摘要: jQuery Callback 函数当动画 100% 完成后,即调用 Callback 函数。典型的语法:$(selector).hide(speed,callback)callback参数是一个在 hide 操作完成后被执行的函数。错误(没有 callback)$("p").hide(1000);alert("The paragraph is now hidden");先弹出alert,再hide亲自试一试正确(有 callback)$("p").hide(1000,function(){alert("The paragr 阅读全文

posted @ 2011-07-21 17:24 EveryMan 阅读(221) 评论(0) 推荐(0)

jQuery 效果函数

摘要: jQuery 效果函数方法描述animate()对被选元素应用“自定义”的动画clearQueue()对被选元素移除所有排队的函数(仍未运行的)delay()对被选元素的所有排队函数(仍未运行)设置延迟dequeue()运行被选元素的下一个排队函数fadeIn()淡入被选元素至完全不透明fadeOut()淡出被选元素至完全不透明fadeTo()把被选元素减弱至给定的不透明度hide()隐藏被选的元素queue()显示被选元素的排队函数show()显示被选的元素slideDown()通过调整高度来滑动显示被选元素slideToggle()对被选元素进行滑动隐藏和滑动显示的切换slideUp()通 阅读全文

posted @ 2011-07-21 17:13 EveryMan 阅读(152) 评论(0) 推荐(0)

jquery动画-样式设置

摘要: <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("#start").click(function(){ $("#box").animate({height:300},"slow"); $(& 阅读全文

posted @ 2011-07-21 16:49 EveryMan 阅读(252) 评论(0) 推荐(0)

jquery样式-颜色淡化

摘要: <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("div").fadeTo("slow",0.25); });});</sc 阅读全文

posted @ 2011-07-21 16:48 EveryMan 阅读(314) 评论(0) 推荐(0)

jquery滑动 简单的 slide panel 效果

摘要: <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){$(".flip").click(function(){ $(".panel").slideToggle("slow");去掉slide则不滑动 $ 阅读全文

posted @ 2011-07-21 16:42 EveryMan 阅读(458) 评论(0) 推荐(0)

jQuery隐藏部分文本

摘要: <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){$(".ex .hide").click(function(){$(this).parents(".ex").hide("slow");//$(&q 阅读全文

posted @ 2011-07-21 16:38 EveryMan 阅读(270) 评论(0) 推荐(0)

jQuery - 事件方法

摘要: 方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的 blur 事件change()触发、或将函数绑定到指定元素的 change 事件click()触发、或将函数绑定到指定元素的 click 事件dblclick()触发、或将函数绑定到指定元素的 double click 事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过 live() 函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的 error 事件event.isDefaultPrevented()返回 event 对象上是否 阅读全文

posted @ 2011-07-21 16:05 EveryMan 阅读(148) 评论(0) 推荐(0)

jquery

摘要: $("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。jQuery 语法实例$(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数,隐藏 id="test" 的元素。$("p").hide()演示 jQuery hide() 函数,隐藏所有 <p> 元素。$(".test"). 阅读全文

posted @ 2011-07-21 15:40 EveryMan 阅读(186) 评论(0) 推荐(0)

jQuery 选择器

摘要: jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素:first$("p:firs 阅读全文

posted @ 2011-07-21 15:40 EveryMan 阅读(111) 评论(0) 推荐(0)

jquery总结

摘要: 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:把所有 jQuery 代码置于事件处理函数中把所有事件处理函数置于文档就绪事件处理器中把 jQuery 代码置于单独的 .js 文件中如果存在名称冲突,则重命名 jQuery 库 阅读全文

posted @ 2011-07-21 15:37 EveryMan 阅读(114) 评论(0) 推荐(0)

导航