随笔分类 -  JavaScript

摘要:祖先是父、祖父或曾祖父等等。通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。向上遍历 DOM 树这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:parent()parents()parentsUntil()jQuery parent() 方法parent() 方法返回... 阅读全文
posted @ 2015-06-02 23:24 阿亮的笔记 阅读(190) 评论(0) 推荐(0)
摘要:通过 jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery 尺寸 方法jQuery 提供多个处理尺寸的重要方法:width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery 尺寸jQuery width() 和... 阅读全文
posted @ 2015-06-02 23:14 阿亮的笔记 阅读(136) 评论(0) 推荐(0)
摘要:jQuery css() Methodcss() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法:css("propertyname");下面的例子将返回首个匹配元素的 background-color 值:实例$("p").css("... 阅读全文
posted @ 2015-06-02 23:06 阿亮的笔记 阅读(151) 评论(0) 推荐(0)
摘要:通过 jQuery,可以很容易地对 CSS 元素进行操作。切换 CSS 类jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass... 阅读全文
posted @ 2015-06-02 23:04 阿亮的笔记 阅读(310) 评论(0) 推荐(0)
摘要:通过 jQuery,可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素jQuery remove() 方法jQuery remove() 方法删除... 阅读全文
posted @ 2015-06-02 23:00 阿亮的笔记 阅读(181) 评论(0) 推荐(0)
摘要:通过 jQuery,可以很容易地添加新元素/内容。添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插... 阅读全文
posted @ 2015-06-02 22:50 阿亮的笔记 阅读(253) 评论(0) 推荐(0)
摘要:设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html... 阅读全文
posted @ 2015-06-02 22:45 阿亮的笔记 阅读(124) 评论(0) 推荐(0)
摘要:jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。DOM = Document Object Model(文档对象模型)DO... 阅读全文
posted @ 2015-06-02 18:32 阿亮的笔记 阅读(188) 评论(0) 推荐(0)
摘要:通过 jQuery,可以把动作/方法链接在一起。Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。jQuery 方法链接直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多... 阅读全文
posted @ 2015-06-02 18:30 阿亮的笔记 阅读(181) 评论(0) 推荐(0)
摘要:Callback 函数在当前动画 100% 完成之后执行。jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将speed或duration作为可选参数。例子:$("p").hide("slow")speed或duration参数可以设置许多不同的值,比如 "slow", "fa... 阅读全文
posted @ 2015-06-02 15:12 阿亮的笔记 阅读(691) 评论(0) 推荐(0)
摘要:jQuery stop() 方法用于在动画或效果完成前对它们进行停止。停止滑动点击这里,向上/向下滑动面板实例jQuery stop() 滑动演示 jQuery stop() 方法。jQuery stop() 动画(带参数)演示 jQuery stop() 方法jQuery stop() 方法jQu... 阅读全文
posted @ 2015-06-02 15:10 阿亮的笔记 阅读(136) 评论(0) 推荐(0)
摘要:jQuery animate() 方法允许您创建自定义的动画。jQuery 动画实例jQueryjQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法:$(selector).animate({params},speed,callback);必... 阅读全文
posted @ 2015-06-02 14:29 阿亮的笔记 阅读(150) 评论(0) 推荐(0)
摘要:jQuery 滑动方法可使元素上下滑动。点击这里,隐藏/显示面板实例jQuery slideDown()演示 jQuery slideDown() 方法。jQuery slideUp()演示 jQuery slideUp() 方法。jQuery slideToggle()演示 jQuery slid... 阅读全文
posted @ 2015-06-02 13:35 阿亮的笔记 阅读(153) 评论(0) 推荐(0)
摘要:通过 jQuery,您可以实现元素的淡入淡出效果。点击展示淡入/淡出面板实例jQuery fadeIn()演示 jQuery fadeIn() 方法。jQuery fadeOut()演示 jQuery fadeOut() 方法。jQuery fadeToggle()演示 jQuery fadeTog... 阅读全文
posted @ 2015-06-02 13:34 阿亮的笔记 阅读(181) 评论(0) 推荐(0)
摘要:隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!点击 显示/隐藏面板实例jQuery hide()简单的jQuery hide()方法演示。jQuery hide()另一个hide()实例。演示如何隐藏文本。jQuery hide() 和 show()通过 jQuery,您可以使用 hide() ... 阅读全文
posted @ 2015-06-02 09:51 阿亮的笔记 阅读(173) 评论(0) 推荐(0)
摘要:jQuery 是为事件处理特别设计的。什么是事件?页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例:在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。常见 DOM ... 阅读全文
posted @ 2015-06-02 09:43 阿亮的笔记 阅读(150) 评论(0) 推荐(0)
摘要:jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的CSS 选择器,除此之外,它还有一... 阅读全文
posted @ 2015-06-02 09:38 阿亮的笔记 阅读(115) 评论(0) 推荐(0)
摘要:jQuery 语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法:$(selector).action()美元符号定义 jQuery选择符(selector)"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作实例:$(this)... 阅读全文
posted @ 2015-06-02 09:32 阿亮的笔记 阅读(169) 评论(0) 推荐(0)
摘要:Document 对象属性和方法HTML文档中可以使用以上属性和方法:属性 / 方法描述document.activeElement返回当前获取焦点元素document.addEventListener()向文档添加句柄document.adoptNode(node)从另外一个文档返回 adapde... 阅读全文
posted @ 2015-06-02 00:34 阿亮的笔记 阅读(189) 评论(0) 推荐(0)
摘要:测试 JavaScript 框架库 - jQuery引用 jQuery如需测试 JavaScript 库,您需要在网页中引用它。为了引用某个库,请使用 jQuery 描述主要的 jQuery 函数是 $() 函数(jQuery 函数)。如果您向该函数传递 DOM 对象,它会返回 jQuery 对象,... 阅读全文
posted @ 2015-06-02 00:22 阿亮的笔记 阅读(203) 评论(0) 推荐(0)