- 浏览: 482696 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
mrluo735:
明显不对,INOUT参数也可以有多个!
MyBatis 3 中使用存储过程 -
qitianhuoshen:
问一下 如果 配合 datatables的 searchval ...
MyBatis 3 中使用存储过程 -
zhanggang807:
”这就是累积,不会被清理“ 这个例子解决了我疑惑很久的问题
NIO - 使用选择器 -
lIO01:
你能不能别用自己照片当头像?
Spring MVC 中的基于注解的 Controller -
xuxiaoyinliu:
Spring MVC 中的 forward 和 redirect
● append(content)
● appendTo(content)
● prepend(content)
● prependTo(content)
● after(content)
● before(content)
● insertAfter(content)
● insertBefore(content)
● wrap(elem)
● wrapAll(elem)
● wrapInner(elem)
● wrap(html)
● wrapAll(html)
● wrapInner(html)
● replaceAll(selector)
● replaceWith(content)
● empty()
● remove([expr])
● clone()
● clone(true)
/** * 向每个匹配的元素内部追加内容。 * 这个操作与对指定的元素执行 appendChild 方法,将它们添加到文档中的情况类似。 * * @content(String, Element, jQuery) 要追加到目标中的内容 * @return Object * @owner jQuery Object */ function append(content); // 例子:向所有段落中追加一些HTML标记。 <p>I would like to say: </p> $("p").append("<b>Hello</b>") -> [ <p>I would like to say: <b>Hello</b></p> ]
● appendTo(content)
/** * 把所有匹配的元素追加到另一个、指定的元素元素集合中。 * 实际上,使用这个方法是颠倒了常规的 $(A).append(B) 的操作,即不是把 B 追加到 A 中,而是把 A * 追加到 B 中。 * * @content(String) 用于被追加的内容 * @return Object * @owner jQuery Object */ function appendTo(content); // 例子:把所有段落追加到 ID 值为 "foo" 的元素中。 <p>I would like to say: </p> <div id="foo"></div> $("p").appendTo("#foo") -> <div id="foo"><p>I would like to say: </p></div>
● prepend(content)
/** * 向每个匹配的元素内部前置内容。这是向所有匹配元素内部的开始处插入内容的最佳方式。 * * @content(String, Element, jQuery) 要插入到目标元素内部前端的内容 * @return Object * @owner jQuery Object */ function prepend(content); // 例子一:向所有段落中前置一些 HTML 标记代码。 <p>I would like to say: </p> $("p").prepend("<b>Hello</b>") -> [ <p><b>Hello</b>I would like to say: </p> ] // 例子二:将一个 DOM 元素前置入所有段落 <p>I would like to say: </p> <p>I would like to say: </p> <b class="foo">Hello</b> <b class="foo">Good Bye</b> $("p").prepend( $(".foo")[0] ) -> <p><b class="foo">Hello</b>I would like to say: </p> <p><b class="foo">Hello</b>I would like to say: </p> <b class="foo">Hello</b> <b class="foo">Good Bye</b> // 例子三:向所有段落中前置一个 jQuery 对象(类似于一个 DOM 元素数组)。 <p>I would like to say: </p><b>Hello</b> $("p").prepend( $("b") ) -> <p><b>Hello</b>I would like to say: </p>
● prependTo(content)
/** * 把所有匹配的元素前置到另一个、指定的元素元素集合中。 * 实际上,使用这个方法是颠倒了常规的 $(A).prepend(B) 的操作,即不是把 B 前置到 A 中,而是把 * A 前置到 B 中。 * * @content(String) 用于匹配元素的 jQuery 表达式 * @return Object * @owner jQuery Object */ function prependTo(content); // 例子一:把所有段落追加到 ID 值为 foo 的元素中。 <p>I would like to say: </p> <div id="foo"></div> $("p").prependTo("#foo") -> <div id="foo"><p>I would like to say: </p></div>
● after(content)
/** * 在每个匹配的元素之后插入内容。 * * @content(String, Element, jQuery) 插入到每个目标后的内容 * @return Object * @owner jQuery Object */ function after(content); // 例子一:在所有段落之后插入一些 HTML 标记代码。 <p>I would like to say: </p> $("p").after("<b>Hello</b>") -> <p>I would like to say: </p><b>Hello</b> // 例子二:在所有段落之后插入一个 DOM 元素。 <b id="foo">Hello</b><p>I would like to say: </p> $("p").after( $("#foo")[0] ) -> <p>I would like to say: </p><b id="foo">Hello</b> // 例子三:在所有段落中后插入一个 jQuery 对象(类似于一个DOM元素数组)。 <b>Hello</b><p>I would like to say: </p> $("p").after( $("b") ) -> <p>I would like to say: </p><b>Hello</b>
● before(content)
/** * 在每个匹配的元素之前插入内容。 * * @content(String, Element, jQuery) 插入到每个目标前的内容 * @return Object * @owner jQuery Object */ function before(content); // 例子一:在所有段落之前插入一些 HTML 标记代码。 <p>I would like to say: </p> $("p").before("<b>Hello</b>") -> [ <b>Hello</b><p>I would like to say: </p> ] // 例子二:在所有段落之前插入一个元素。 <p>I would like to say: </p> <b id="foo">Hello</b> $("p").before( $("#foo")[0] ) -> <b id="foo">Hello</b><p>I would like to say: </p> // 例子三:在所有段落中前插入一个 jQuery 对象(类似于一个DOM元素数组)。 <p>I would like to say: </p><b>Hello</b> $("p").before( $("b") ) -> <b>Hello</b><p>I would like to say: </p>
● insertAfter(content)
/** * 把所有匹配的元素插入到另一个,指定的元素元素集合的后面。 * 实际上,使用这个方法是颠倒了常规的 $(A).after(B) 的操作,即不是把 B 插入到 A 后面,而是把 A * 插入到 B 后面。 * * @content(String) 用于匹配元素的 jQuery 表达式 * @return Object * @owner jQuery Object */ function insertAfter(content); // 例子一:把所有段落插入到一个元素之后。与 $("#foo").after("p") 相同。 <p>I would like to say: </p> <div id="foo">Hello</div> $("p").insertAfter("#foo") -> <div id="foo">Hello</div><p>I would like to say: </p>
● insertBefore(content)
/** * 把所有匹配的元素插入到另一个、指定的元素元素集合的前面。 * 实际上,使用这个方法是颠倒了常规的 $(A).before(B) 的操作,即不是把 B 插入到 A 前面,而是把 A * 插入到 B 前面。 * * @content(String) 用于匹配元素的 jQuery 表达式 * @return Object * @owner jQuery Object */ function insertBefore(content); // 例子:把所有段落插入到一个元素之前。与 $("#foo").before("p") 相同。 <div id="foo">Hello</div> <p>I would like to say: </p> $("p").insertBefore("#foo") -> <p>I would like to say: </p><div id="foo">Hello</div>
● wrap(elem)
/** * 把所有匹配的元素用其他元素的结构化标记包装起来。 * * @elem(Element) 用于包装目标元素的 DOM 元素 * @return Object * @owner jQuery Object */ function wrap(elem); // 例子:用 ID 是 "content" 的 div 将每一个段落包裹起来。 <p>Test Paragraph.</p> <div id="content"></div> $("p").wrap(document.getElementById('content')) -> <div id="content"><p>Test Paragraph.</p></div><div id="content"></div>
● wrapAll(elem)
/** * 将所有匹配的元素用单个元素包裹起来。这于 wrap(elem) 是不同的,wrap(elem) 为每一个匹配的元素都 * 包裹一次。 * * @elem(Element) 用于包装目标元素的 DOM 元素 * @return Object * @owner jQuery Object */ function wrapAll(elem); // 例子:用一个生成的 div 将所有段落包裹起来。 <p>Hello</p> <p>cruel</p> <p>World</p> $("p").wrapAll(document.createElement("div")) -> <div><p>Hello</p><p>cruel</p><p>World</p></div>
● wrapInner(elem)
/** * 将每一个匹配的元素的子内容(包括文本节点)用 DOM 元素包裹起来。 * * @elem(Element) 用于包装目标元素的 DOM 元素 * @return Object * @owner jQuery Object */ function wrapInner(elem); // 例子:把所有段落内的每个子内容加粗。 <p>Hello</p> <p>cruel</p> <p>World</p> $("p").wrapInner(document.createElement("b")) -> <p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
● wrap(html)
/** * 把所有匹配的元素用其他元素的结构化标记包裹起来。 * 这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。 * * 这个函数的原理是检查提供的 html(它是由所提供的 HTML 标记代码动态生成的),并在它的代码结构中 * 找到最上层的祖先元素 - 这个祖先元素就是包裹元素。 * * 当 HTML 标记代码中的元素包含文本时无法使用这个函数。因此,如果要添加文本应该在包裹完成之后再行添加。 * * @html(String) HTML 标记代码字符串,用于动态生成元素并包裹目标元素 * @return Object * @owner jQuery Object */ function wrap(html); // 例子:把所有的段落用一个新创建的 div 包裹起来。 <p>Test Paragraph.</p> $("p").wrap("<div class='wrap'></div>") -> <div class="wrap"><p>Test Paragraph.</p></div>
● wrapAll(html)
/** * 将所有匹配的元素用单个元素包裹起来。这于 wrap(html)是不同的,wrap(html) 为每一个匹配的元素都 * 包裹一次。 * * 这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。 * * 这个函数的原理是检查提供的第一个元素并在它的代码结构中找到最上层的祖先元素 - 这个祖先元素就 * 是包装元素。 * * @html(String) HTML 标记代码字符串,用于动态生成元素并包装目标元素 * @return Object * @owner jQuery Object */ function wrapAll(html); // 例子:用一个生成的 div 将所有段落包裹起来。 <p>Hello</p> <p>cruel</p> <p>World</p> $("p").wrapAll("<div></div>") -> <div><p>Hello</p><p>cruel</p><p>World</p></div>
● wrapInner(html)
/** * 将每一个匹配的元素的子内容(包括文本节点)用一个 HTML 结构包裹起来。 * * 这个函数的原理是检查提供的第一个元素(它是由所提供的 HTML 标记代码动态生成的),并在它的代码结构中 * 找到最上层的祖先元素 - 这个祖先元素就是包装元素。 * * @html(String) HTML 标记代码字符串,用于动态生成元素并包装目标元素 * @return Object * @owner jQuery Object */ function wrapInner(html); // 例子:把所有段落内的每个子内容加粗。 <p>Hello</p> <p>cruel</p> <p>World</p> $("p").wrapInner("<b></b>") -> <p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
● replaceAll(selector)
/** * 用匹配的元素替换掉所有 selector 匹配到的元素。 * * @selector(Selector) 用于查找所要被替换的元素 * @return Object * @owner jQuery Object */ function replaceAll(selector); // 例子:把所有的段落标记替换成加粗标记。 <p>Hello</p> <p>cruel</p> <p>World</p> $("<b>Paragraph. </b>").replaceAll("p") -> <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
● replaceWith(content)
/** * 将所有匹配的元素替换成指定的 HTML 或 DOM 元素。 * * @content(String, Element, jQuery) 用于将匹配元素替换掉的内容 * @return Object * @owner jQuery Object */ function replaceWith(content); // 例子:把所有的段落标记替换成加粗的标记。 <p>Hello</p> <p>cruel</p> <p>World</p> $("p").replaceWith("<b>Paragraph. </b>") -> <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
● empty()
/** * 删除匹配的元素集合中所有的子节点。 * * @return Object * @owner jQuery Object */ function empty(); // 例子:把所有段落的子元素(包括文本节点)删除。 <p>Hello, <span>Person</span> <a href="#">and person</a></p> $("p").empty() -> <p></p>
● remove([expr])
/** * 从 DOM 中删除所有匹配的元素。这个方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用 * 这些匹配的元素。 * * @expr(String) (可选) 用于筛选元素的 jQuery 表达式 * @return Object * @owner jQuery Object */ function remove([expr]); // 例子一:从 DOM 中把所有段落删除。 <p>Hello</p> how are <p>you?</p> $("p").remove() -> how are // 例子二:从 DOM 中把带有 hello 类的段落删除。 <p class="hello">Hello</p> how are <p>you?</p> $("p").remove(".hello") -> how are <p>you?</p>
● clone()
/** * 克隆匹配的 DOM 元素并且选中这些克隆的副本。 * 在想把 DOM 文档中元素的副本添加到其他位置时这个函数非常有用。 * * @return Object * @owner jQuery Object */ function clone(); // 例子:克隆所有 b 元素(并选中这些克隆的副本),然后将它们前置到所有段落中。 <b>Hello</b><p>, how are you?</p> $("b").clone().prependTo("p") -> <b>Hello</b><p><b>Hello</b>, how are you?</p>
● clone(true)
/** * 元素以及其所有的事件处理并且选中这些克隆的副本。 * 在想把 DOM 文档中元素的副本添加到其他位置时这个函数非常有用。 * * @true(Boolean) 设置为 true 以便复制元素的所有事件处理 * @return Object * @owner jQuery Object */ function clone(true); // 例子:创建一个按钮,它可以复制自己,并且它的副本也有同样功能。 <button>Clone Me!</button> $("button").click(function() { $(this).clone(true).insertAfter(this); });
发表评论
-
Node 的安装
2012-12-28 20:51 1443该篇文章讨论到是 linux 版的 node ... -
Web 前端经常用到的 JSON 对象,JSON 字符串,QueryString 之间的转换
2011-12-17 14:17 0在做 Web 前端时,经常要在 JSON 对象 ... -
jQuery 的原型关系图,让你快速对 jQuery 有个整体的把握
2010-07-12 20:07 4336若干个月前,在博客园中看到一篇文章,内容很简单 ... -
26 个 JQuery 使用小技巧(jQuery tips, tricks & solutions)
2010-03-01 17:17 3660The use of the jQuery l ... -
A Plugin Development Pattern For jQuery
2009-12-31 17:04 1266This article comes from http:// ... -
javascript 动态创建 <script> 节点所想到的其它问题
2009-12-12 22:12 5004最近公司的项目中,有一个模块需要调用集团提供的 ... -
JavaScript 面向对象程序设计
2009-09-05 14:18 1147近期在网上 ... -
jQuery 学习十四(工具函数)
2009-05-03 23:17 2299● jQuery.boxModel ... -
jQuery 学习十三(效果)
2009-05-02 11:02 2249● hide() /** * 隐藏显示的元素 ... -
jQuery 学习十二(事件)
2009-05-01 16:42 4515● ready(fn) /** ... -
jQuery 学习十一(CSS)
2009-05-01 13:49 1582● css(name) /** * 访问第一 ... -
jQuery 学习九(筛选)
2009-04-21 18:46 2055● eq(index) /** * 获取第 ... -
jQuery 学习八(属性)
2009-04-14 20:11 3674● attr(name) /** * 取得第 ... -
jQuery 学习七(选择器)
2009-04-11 17:36 2446● 在指定的上下文搜索 /** * 在指定的 ... -
jQuery 学习六(多库共存)
2009-04-11 14:00 2216● jQuery.noConflict( ... -
jQuery 学习五(插件机制)
2009-04-11 10:41 1715● jQuery.extend(object) ... -
jQuery 学习四(数据缓存)
2009-04-10 19:59 2118● data(name) /** * 返回元 ... -
jQuery 学习三(对象访问)
2009-04-10 19:08 1694● get() /** * 通过 CSS 选 ... -
jQuery 学习二(核心函数)
2009-04-09 18:42 1933● jQuery(expression, ... -
jQuery 学习一(基础知识)
2009-03-30 16:45 1512● The jQuery wrapper ...
相关推荐
jQuery是一个简洁快速的JavaScript库,它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。jQuery的设计会改变你写JavaScript代码的方式
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库...它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...
该文档主要制作了大量常用的页面特效和JS的大量事件处理。 使用方法: 首先,找到你要的特效或是事件处理 然后,点击右键,选择查看源码 最后,学习并使用别人做的实例
这是一部非常好用的、快速的jquery学习手册,尤其是对初学者,里面包括核心、属性、选择器、事件、css、文档处理、效果、筛选等几大部分。
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...
jquery 的一套东西,分享啦。有两个jquery 的学习文档,两套实例教程,包含表单验证,图片处理,下拉列表等等等等常见的代码.
它使HTML文档遍历和操作,事件处理,动画和Ajax等功能变得更加简单,它具有易于使用的API,可跨多种浏览器运行。凭借多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式 本资源包含jQuery-3.6.0...
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...
HTML文档的层次关系是树型的,每个标签可视为树的各个节点。若操作jQuery对象,使得HTML文档的结构发生了改变,就叫做文档处理
本节让我们继续Jquery知识的了解:文档处理。文档处理主要是对HTML元素进行一些增操作,删除操作,复制操作,替换操作。
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...
它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。如果你是一个 jQuery 新手,我们建议你先到jQuery 学习中心历练历练。本平台提供的是最新的jQuery ...
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来...
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...
使用《Head First jQuery》, 您可以通过学习如何在处理事件、效果、回调和动画的同时导航 HTML 文档来快速获得这个惊人的 JavaScript 库的速度。当你完成这本书的时候, 你将会加入 Ajax 应用程序, 与 HTML 和 CSS ...
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令...
自从jQuery面世以来,它以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等打动着所有关注它的人的心,本人也不例外,但长期以来,类似与本手册的(带查询功能),仅仅只有kuomart(这里...