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

浙公网安备 33010602011771号