- 浏览: 189159 次
- 性别:
- 来自: 深圳
文章分类
最新评论
函数: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>
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>
- JqueryAjax异步读取数据的案列.rar (115 Bytes)
- 描述: JqueryAjax异步读取数据的案列
- 下载次数: 0
发表评论
文章已被作者锁定,不允许评论。
-
使用SignalR构建一个最基本的web聊天室
2015-01-06 15:09 765使用SignalR,可以使用服务器消息推送到客户端,件demo ... -
lazyload异步加载图片
2014-12-24 15:18 533如果一个网页很长并且有很多图片的话,下载图片就需要很多时间 ... -
checbox,redio超强样式运用
2013-06-04 16:49 800<html xmlns="http://ww ... -
一个避免用户重复点击按钮造成重复数据的小技巧
2013-01-13 16:13 1222<script> //启用 ... -
.net 用JQuery+ajax实现批量上传图片
2012-08-07 23:15 1503先看效果图 点击增加按钮,会增加一个选择框, ... -
类似QQ选择组
2012-04-11 19:07 743<style>td {font:12px;}.ti ... -
javascript弹出窗口大全
2011-09-21 20:27 697关键字: 弹出窗口 如何利用网页弹出各种形式的窗口,我想大家大 ... -
合并单元格
2011-07-21 17:33 875<html ><head><me ... -
一些实用的jQuery代码片段
2011-07-19 15:42 8441.jQuery得到用户IP: $.ge ... -
10大Ajax开发守则
2011-06-08 14:14 7711.前、端后都要做好安全的把关工作不能单靠前端做安全验证工作, ... -
Asp.net前台调后台方法
2011-05-30 16:51 1524 这个当然不用说大家都知道的一种就是ajax ... -
jQuery中常用的函数方法汇总
2011-05-23 00:16 779事件处理 ready(fn) 代 ... -
jquery选择器,过滤器介绍
2011-05-19 19:20 889一、JQuery与JavaScript 1.Jav ... -
jquery常用过滤选择器
2011-05-19 19:18 732过滤选择器主要 ...
相关推荐
jQuery函数全解析
《jQuery函数:强大的封装与应用》 jQuery,作为一款广泛使用的JavaScript库,以其简洁的语法、丰富的API和高效的性能赢得了开发者们的青睐。标题中的“jquery函数 强大的封装”正揭示了jQuery的核心魅力:它将复杂...
标题中的“jquery函数包”指的是这个压缩包包含的jQuery核心库文件,即`jquery-1.3.2.min.js`。这个版本的jQuery是在2009年发布的,虽然现在已经有了更新的版本,但1.3.2仍然是许多项目中仍然使用的稳定版本。`.min....
本文将深入探讨jQuery函数命名的四种主要方式,并提供相关的实践示例。 1. **匿名函数** 匿名函数在jQuery中被广泛用于事件处理和回调函数。例如,当你想要为一个按钮绑定点击事件时,你可以这样写: ```...
《50个jQuery函数演示——深入理解与应用》 jQuery,作为一款强大的JavaScript库,极大地简化了DOM操作、事件处理、动画制作等任务,深受Web开发者喜爱。Smashing Magazine是业界知名的在线出版物,它发布了一系列...
《jQuery函数包与扩展函数详解》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画设计和Ajax交互等任务。本文将深入探讨jQuery的核心功能,并特别关注其中的三个常用扩展函数,旨在...
下面是一个简单的jQuery函数声明示例: ```javascript $(document).ready(function() { $('img').click(show); function show() { var info = '<div><h3></h3></div>'; $(this).after(info); $(this).unbind...
jQuery函数 用比尔·盖茨的话来说: 就像几乎所有其他种类的创新一样,软件创新需要具有与他人协作和共享想法,坐下来与客户交谈并获得他们的反馈和理解他们的需求的能力。 该库的目的是将所有jQuery UI小部件集成...
《jQuery API 函数详解》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了网页的DOM操作、事件处理、动画设计以及Ajax交互。本篇将基于提供的"jqueryAPI函数chm文档",深入探讨jQuery的核心API函数,帮助...
jQuery函数是执行特定任务的代码块,它们可以被调用来执行各种操作,如选择元素、修改DOM、触发事件等。jQuery库提供了大量的内置函数,同时用户也可以自定义函数以满足个性化需求。 二、选择器函数 jQuery的选择...
**jQuery实现的Ajax函数在ASP中的应用** Ajax(异步JavaScript和XML)技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,显著提升了用户体验。jQuery库简化了JavaScript的Ajax操作,...
ES5 Array.reduce 方法作为 jQuery 函数的实现,它可以对数组和常规对象进行操作,并且受旧的、不支持 ES5 的浏览器(例如 IE8-)支持 加上一个 jQuery 插件,用于对 jQuery 对象执行数组缩减 示例用法 return prev...
禁止将jQuery函数与本机等效项一起使用。 安装 您首先需要安装 : $ npm install eslint --save-dev 接下来,安装eslint-plugin-jquery : $ npm install eslint-plugin-jquery --save-dev 注意:如果全局安装了...
#这个插件会为你调用每一个jquery函数您的项目中没有足够的 jquery? 不确定要调用什么 jquery 函数? more-jquery.js 可能适合你!入门在 jquery.js 之后包含 more-jquery.js: < script src =" bower_...
OSOptimizer 包含Jquery函数的迷你库,该函数提供一些带有AttributeCSS编辑。 布局应如下。 <html><head><link href=...
每个函数都接受一个`next`参数,这是jQuery提供的回调函数,当当前函数执行完毕后调用它,以便进入队列中的下一个函数。`delay`方法用于在动画之间插入延迟。 除了手动添加函数到队列,还可以使用`$.dequeue()`方法...
jQuery函数的第二个参数可以指定DOM元素的搜索范围。 第二个参数可分为以下类型 DOM reference jQuery wrapper document 代码示例 代码如下: <!DOCTYPE html> <html> <body> <form> <input ...
eslint-plugin-no-jquery 禁止使用jQuery函数,并在可能的情况下建议使用本机等效项。 最初是一个分支。 :down_arrow: 安装您首先需要安装 : npm install eslint --save-dev 接下来,安装eslint-plugin-no-jquery ...