`
KAXU
  • 浏览: 271610 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 控制 prependTo(selector)

阅读更多

prependTo(selector)

将匹配元素集合追加到新的匹配元素集合‘selector’之前。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("span").prependTo("#foo"); // check prepend() examples
  });
  </script>
  <style>div { background:yellow; }</style>
</head>
<body>
  <div id="foo">FOO!</div>
  <span>I have something to say... </span>
</body>
</html>

 

$("span").prependTo("#foo"); // check prepend() examples
将匹配span元素集合追加到特殊id属性值为‘foo’的匹配元素集合之前。

分享到:
评论

相关推荐

    jQuery中prependTo()方法用法实例

    本文实例讲述了jQuery中prependTo()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入指定元素之前。 prependTo()方法的作用和prepend()方法是相同的,但是在语法上是有差别的,虽然在形式上...

    jQuery 文档操作方法

    语法:`$(selector).prependTo(target)` 参数: * `selector`:选择器,用于选择要前置内容的元素。 * `target`:要前置内容的目标元素。 返回值:无 示例代码:`$('p').prependTo('#container');` remove() ...

    JQuery新版中文手册

    队列控制 queue(element,[queueName]) dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jquery函数 强大的封装

    6. **DOM操作**:jQuery提供了一系列的DOM操作方法,如`.clone()`复制元素,`.before()`、`.after()`在元素前后插入内容,`.detach()`保留元素状态的同时移除它,`.appendTo()`、`.prependTo()`则是元素位置的反转。...

    jqueryAPI函数chm文档

    4. `prependTo()`:将内容前置到每个匹配的元素。 5. `html()`:获取或设置元素的HTML内容。 6. `text()`:获取或设置元素的文本内容。 三、事件处理(Event Handling) jQuery提供了丰富的事件绑定和触发方法: - ...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    jquery-3.2.1 API参考手册.chm

    例如,`$(selector).append()`用于在匹配的元素集合的末尾添加内容,`$(selector).remove()`则用于移除匹配的元素。`clone()`方法用于复制元素,而`appendTo()`和`prependTo()`可将元素添加到其他元素之前或之后。 ...

    jquery1.4 api

    4. **动画效果**: jQuery 1.4中,`.animate()`方法允许创建自定义动画,可以控制CSS属性的变化,如`$('element').animate({width: '500px'}, duration, callback)`。`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等...

    JQuery函数大全

    - **`$(selector).prepend(content)`** 和 **`$(selector).prependTo(content)`** - 示例: - `$("#element").prepend("&lt;div&gt;content&lt;/div&gt;");` - `$("#element").prependTo("#content");` - 功能: - 在被选...

    4.Jquery.docx

    - `prependTo(selector)`:将匹配元素追加到另一元素内部的前面。 - **外部插入** - `after(content)`:在匹配元素之后插入内容。 - `before(content)`:在匹配元素之前插入内容。 - `insertAfter(selector)`:...

    jquery_1.3_cheatsheet_v1

    - **prependTo(selector)**:将所有匹配元素插入到由selector选择的元素的开头。 - **prepend(content)**:向每个匹配元素前插入内容。 - **before(content)**:在每个匹配元素之前插入内容。 - **after(content)**...

    jquery1.11.0手册

    队列控制 queue(e,[q]) dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name|pro|key,val...

    jQuery实现列表上下移动置顶+带入数据库文件

    1. **列表元素操作**:在jQuery中,我们可以使用`$(selector)`选择器获取HTML元素,然后利用`.click()`绑定点击事件。例如,当用户点击一个列表项时,可以调用一个函数来处理上下移动或置顶的操作。`.before()`和`....

    jquery 常用 Dom操作

    - **语法**:`$("selector").prependTo("content");` - **功能**:将每个匹配元素作为第一个子元素插入到另一个指定元素中。 - **示例**:`$("p").prependTo("#container");` 11. **移除元素(`remove()`)** -...

    JQuery常用

    ### JQuery 常用知识点详解 #### 一、Attribute(属性操作) 1. **`addClass()`** - **用途**:向被选元素添加一个或多个类。 - **语法**:`$("selector").addClass("classname")` - **示例**:`$("p")....

Global site tag (gtag.js) - Google Analytics