`

jquery函数

阅读更多

函数:after(content)
功能:在每个匹配的元素后面添加html内容
返回:jQuery对象
参数:content (<Content>): Content to insert after each target.

例子:
Inserts some HTML after all paragraphs.

jQuery Code
$("p").after("<b>Hello</b>");
Before
<p>I would like to say: </p>
Result:
<p>I would like to say: </p><b>Hello</b>

Inserts an Element after all paragraphs.

jQuery Code
$("p").after( $("#foo")[0] );
Before
<b id="foo">Hello</b><p>I would like to say: </p>
Result:
<p>I would like to say: </p><b id="foo">Hello</b>

Inserts a jQuery object (similar to an Array of DOM Elements) after all paragraphs.

jQuery Code
$("p").after( $("b") );
Before
<b>Hello</b><p>I would like to say: </p>
Result:
<p>I would like to say: </p><b>Hello</b>


函数:append(content)
功能:在每个匹配元素之内添加content内容
返回:jQuery对象
参数:content (<Content>): Content to append to the target
例子:
Appends some HTML to all paragraphs.

jQuery Code
$("p").append("<b>Hello</b>");
Before
<p>I would like to say: </p>
Result:
<p>I would like to say: <b>Hello</b></p>

Appends an Element to all paragraphs.

jQuery Code
$("p").append( $("#foo")[0] );
Before
<p>I would like to say: </p><b id="foo">Hello</b>
Result:
<p>I would like to say: <b id="foo">Hello</b></p>

Appends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.

jQuery Code
$("p").append( $("b") );
Before
<p>I would like to say: </p><b>Hello</b>
Result:
<p>I would like to say: <b>Hello</b></p>


函数:appendTo(content)
功能:和append(content)类似,只不过是将前面匹配的元素添加到后面的元素内
返回:jQuery对象
参数:content (<Content>): Content to append to the selected element to.
例子:
Appends all paragraphs to the element with the ID "foo"

jQuery Code
$("p").appendTo("#foo");
Before
<p>I would like to say: </p><div id="foo"></div>
Result:
<div id="foo"><p>I would like to say: </p></div>


函数:before(content)
功能:在匹配元素之前添加内容
返回:jQuery对象
参数:content (<Content>): Content to insert before each target.
例子:
Inserts some HTML before all paragraphs.

jQuery Code
$("p").before("<b>Hello</b>");
Before
<p>I would like to say: </p>
Result:
<b>Hello</b><p>I would like to say: </p>

Inserts an Element before all paragraphs.

jQuery Code
$("p").before( $("#foo")[0] );
Before
<p>I would like to say: </p><b id="foo">Hello</b>
Result:
<b id="foo">Hello</b><p>I would like to say: </p>

Inserts a jQuery object (similar to an Array of DOM Elements) before all paragraphs.

jQuery Code
$("p").before( $("b") );
Before
<p>I would like to say: </p><b>Hello</b>
Result:
<b>Hello</b><p>I would like to say: </p>


函数:clone(deep)
功能:克隆dom元素
返回:jQuery对象
参数:deep (Boolean): (可选的) 是否克隆子节点及其自身
例子:
Clones all b elements (and selects the clones) and prepends them to all paragraphs.

jQuery Code
$("b").clone().prependTo("p");
Before
<b>Hello</b><p>, how are you?</p>
Result:
<b>Hello</b><p><b>Hello</b>, how are you?</p>


函数:empty()
功能:移除匹配元素的子节点
返回:jQuery对象
例子:
jQuery Code
$("p").empty()
Before
<p>Hello, <span>Person</span> <a href="#">and person</a></p>
Result:
<p></p>


函数:insertAfter(content)
功能:将匹配元素插入到content插入到之后
返回:jQuery对象
参数:Content to insert the selected element after
例子:
jQuery Code
$("p").insertAfter("#foo");
Before
<p>I would like to say: </p><div id="foo">Hello</div>
Result:
<div id="foo">Hello</div><p>I would like to say: </p>


函数:insertBefore(content)
功能:将匹配元素插入到content插入到之前
返回:jQuery对象
参数:Content to insert the selected element before.
例子:
jQuery Code
$("p").insertBefore("#foo");
Before
<div id="foo">Hello</div><p>I would like to say: </p>
Result:
<p>I would like to say: </p><div id="foo">Hello</div>


函数:prepend(content)
功能:与append相反,append是添加到匹配元素子节点之后,prepend是添加到匹配元素子节点之前
返回:jQuery对象
参数: Content to prepend to the target.
例子:
jQuery Code
$("p").prepend("<b>Hello</b>");
Before
<p>I would like to say: </p>
Result:
<p><b>Hello</b>I would like to say: </p>

jQuery Code
$("p").prepend( $("#foo")[0] );
Before
<p>I would like to say: </p><b id="foo">Hello</b>
Result:
<p><b id="foo">Hello</b>I would like to say: </p>

$("p").prepend( $("b") );
Before
<p>I would like to say: </p><b>Hello</b>
Result:
<p><b>Hello</b>I would like to say: </p>


函数:prependTo(content)
功能:将前面元素添加到后面元素子节点的前面
返回:jQuery对象
参数:content (<Content>): Content to prepend to the selected element to.
例子:
jQuery Code
$("p").prependTo("#foo");
Before
<p>I would like to say: </p><div id="foo"><b>Hello</b></div>
Result:
<div id="foo"><p>I would like to say: </p><b>Hello</b></div>


函数:remove(expr)
功能:移除匹配元素
功能:jQuery对象
参数:expr (String): (optional) A jQuery expression to filter elements by.
例子:
jQuery Code
$("p").remove();
Before
<p>Hello</p> how are <p>you?</p>
Result:
how are

jQuery Code
$("p").remove(".hello");
Before
<p class="hello">Hello</p> how are <p>you?</p>
Result:
how are <p>you?</p>


函数:wrap(html)
功能:对匹配元素用html包裹起来
返回:jQuery对象
参数:
例子:
jQuery Code
$("p").wrap("<div class='wrap'></div>");
Before
<p>Test Paragraph.</p>
Result:
<div class='wrap'><p>Test Paragraph.</p></div>


函数:wrap(elem)
功能:对指定元素用html包裹起来
参数:
例子:
jQuery Code
$("p").wrap( document.getElementById('content') );
Before
<p>Test Paragraph.</p><div id="content"></div>
Result:
<div id="content"><p>Test Paragraph.</p></div>
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery函数全解析

    jQuery函数全解析

    jquery函数 强大的封装

    《jQuery函数:强大的封装与应用》 jQuery,作为一款广泛使用的JavaScript库,以其简洁的语法、丰富的API和高效的性能赢得了开发者们的青睐。标题中的“jquery函数 强大的封装”正揭示了jQuery的核心魅力:它将复杂...

    jquery函数包及中文提示包

    标题中的“jquery函数包”指的是这个压缩包包含的jQuery核心库文件,即`jquery-1.3.2.min.js`。这个版本的jQuery是在2009年发布的,虽然现在已经有了更新的版本,但1.3.2仍然是许多项目中仍然使用的稳定版本。`.min....

    jQuery函数命名四种方式总结

    本文将深入探讨jQuery函数命名的四种主要方式,并提供相关的实践示例。 1. **匿名函数** 匿名函数在jQuery中被广泛用于事件处理和回调函数。例如,当你想要为一个按钮绑定点击事件时,你可以这样写: ```...

    50个jQuery函数演示-SmashingMagazinePost的完整代码___下载.zip

    《50个jQuery函数演示——深入理解与应用》 jQuery,作为一款强大的JavaScript库,极大地简化了DOM操作、事件处理、动画制作等任务,深受Web开发者喜爱。Smashing Magazine是业界知名的在线出版物,它发布了一系列...

    jquery函数包,另附属三个常用扩展函数

    《jQuery函数包与扩展函数详解》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画设计和Ajax交互等任务。本文将深入探讨jQuery的核心功能,并特别关注其中的三个常用扩展函数,旨在...

    jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】

    下面是一个简单的jQuery函数声明示例: ```javascript $(document).ready(function() { $('img').click(show); function show() { var info = '&lt;div&gt;&lt;h3&gt;&lt;/h3&gt;&lt;/div&gt;'; $(this).after(info); $(this).unbind...

    jQueryFunctions:jQuery函数库

    jQuery函数 用比尔·盖茨的话来说: 就像几乎所有其他种类的创新一样,软件创新需要具有与他人协作和共享想法,坐下来与客户交谈并获得他们的反馈和理解他们的需求的能力。 该库的目的是将所有jQuery UI小部件集成...

    jqueryAPI函数chm文档

    《jQuery API 函数详解》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了网页的DOM操作、事件处理、动画设计以及Ajax交互。本篇将基于提供的"jqueryAPI函数chm文档",深入探讨jQuery的核心API函数,帮助...

    jquery 第13章 函数

    jQuery函数是执行特定任务的代码块,它们可以被调用来执行各种操作,如选择元素、修改DOM、触发事件等。jQuery库提供了大量的内置函数,同时用户也可以自定义函数以满足个性化需求。 二、选择器函数 jQuery的选择...

    jQuery实现的Ajax函数(已测试)——ASP

    **jQuery实现的Ajax函数在ASP中的应用** Ajax(异步JavaScript和XML)技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,显著提升了用户体验。jQuery库简化了JavaScript的Ajax操作,...

    jQuery-reduce:ES5 Array.reduce 作为 jQuery 对象方法和 jQuery 函数的实现

    ES5 Array.reduce 方法作为 jQuery 函数的实现,它可以对数组和常规对象进行操作,并且受旧的、不支持 ES5 的浏览器(例如 IE8-)支持 加上一个 jQuery 插件,用于对 jQuery 对象执行数组缩减 示例用法 return prev...

    eslint-plugin-jquery:禁止使用本机等效项的jQuery函数

    禁止将jQuery函数与本机等效项一起使用。 安装 您首先需要安装 : $ npm install eslint --save-dev 接下来,安装eslint-plugin-jquery : $ npm install eslint-plugin-jquery --save-dev 注意:如果全局安装了...

    more-jquery:不确定要运行什么 jquery 函数? 使用这个插件来运行所有这些!

    #这个插件会为你调用每一个jquery函数您的项目中没有足够的 jquery? 不确定要调用什么 jquery 函数? more-jquery.js 可能适合你!入门在 jquery.js 之后包含 more-jquery.js: &lt; script src =" bower_...

    OSOptimizer:包含Jquery函数的迷你库,该函数提供一些带有AttributesCSS编辑

    OSOptimizer 包含Jquery函数的迷你库,该函数提供一些带有AttributeCSS编辑。 布局应如下。 &lt;html&gt;&lt;head&gt;&lt;link href=...

    Jquery函数队列

    每个函数都接受一个`next`参数,这是jQuery提供的回调函数,当当前函数执行完毕后调用它,以便进入队列中的下一个函数。`delay`方法用于在动画之间插入延迟。 除了手动添加函数到队列,还可以使用`$.dequeue()`方法...

    jQuery函数的第二个参数获取指定上下文中的DOM元素

    jQuery函数的第二个参数可以指定DOM元素的搜索范围。 第二个参数可分为以下类型 DOM reference jQuery wrapper document 代码示例 代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form&gt; &lt;input ...

    eslint-plugin-no-jquery:控制某些jQuery函数的余量,并建议或自动修复替代方案

    eslint-plugin-no-jquery 禁止使用jQuery函数,并在可能的情况下建议使用本机等效项。 最初是一个分支。 :down_arrow: 安装您首先需要安装 : npm install eslint --save-dev 接下来,安装eslint-plugin-no-jquery ...

Global site tag (gtag.js) - Google Analytics