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()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入指定元素之前。 prependTo()方法的作用和prepend()方法是相同的,但是在语法上是有差别的,虽然在形式上...
语法:`$(selector).prependTo(target)` 参数: * `selector`:选择器,用于选择要前置内容的元素。 * `target`:要前置内容的目标元素。 返回值:无 示例代码:`$('p').prependTo('#container');` remove() ...
队列控制 queue(element,[queueName]) dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name...
$.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...
6. **DOM操作**:jQuery提供了一系列的DOM操作方法,如`.clone()`复制元素,`.before()`、`.after()`在元素前后插入内容,`.detach()`保留元素状态的同时移除它,`.appendTo()`、`.prependTo()`则是元素位置的反转。...
4. `prependTo()`:将内容前置到每个匹配的元素。 5. `html()`:获取或设置元素的HTML内容。 6. `text()`:获取或设置元素的文本内容。 三、事件处理(Event Handling) jQuery提供了丰富的事件绑定和触发方法: - ...
jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...
例如,`$(selector).append()`用于在匹配的元素集合的末尾添加内容,`$(selector).remove()`则用于移除匹配的元素。`clone()`方法用于复制元素,而`appendTo()`和`prependTo()`可将元素添加到其他元素之前或之后。 ...
4. **动画效果**: jQuery 1.4中,`.animate()`方法允许创建自定义动画,可以控制CSS属性的变化,如`$('element').animate({width: '500px'}, duration, callback)`。`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等...
- **`$(selector).prepend(content)`** 和 **`$(selector).prependTo(content)`** - 示例: - `$("#element").prepend("<div>content</div>");` - `$("#element").prependTo("#content");` - 功能: - 在被选...
- `prependTo(selector)`:将匹配元素追加到另一元素内部的前面。 - **外部插入** - `after(content)`:在匹配元素之后插入内容。 - `before(content)`:在匹配元素之前插入内容。 - `insertAfter(selector)`:...
- **prependTo(selector)**:将所有匹配元素插入到由selector选择的元素的开头。 - **prepend(content)**:向每个匹配元素前插入内容。 - **before(content)**:在每个匹配元素之前插入内容。 - **after(content)**...
队列控制 queue(e,[q]) dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name|pro|key,val...
1. **列表元素操作**:在jQuery中,我们可以使用`$(selector)`选择器获取HTML元素,然后利用`.click()`绑定点击事件。例如,当用户点击一个列表项时,可以调用一个函数来处理上下移动或置顶的操作。`.before()`和`....
- **语法**:`$("selector").prependTo("content");` - **功能**:将每个匹配元素作为第一个子元素插入到另一个指定元素中。 - **示例**:`$("p").prependTo("#container");` 11. **移除元素(`remove()`)** -...
### JQuery 常用知识点详解 #### 一、Attribute(属性操作) 1. **`addClass()`** - **用途**:向被选元素添加一个或多个类。 - **语法**:`$("selector").addClass("classname")` - **示例**:`$("p")....