jQuery中prependTo()方法用法实例


Posted in Javascript onJanuary 08, 2015

本文实例讲述了jQuery中prependTo()方法用法。分享给大家供大家参考。具体分析如下:

此方法把匹配的元素插入指定元素之前。
prependTo()方法的作用和prepend()方法是相同的,但是在语法上是有差别的,虽然在形式上看起来是一样的。

语法结构:

$(selector).prependTo(content)

参数列表:
参数 描述
selector 要被插入的匹配元素。
content 要被插入匹配元素的元素。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>prependTo()函数-三水点靠木</title>

<style type="text/css">

p

{

  height:100px;

  width:100px;

  border:1px solid blue;

}

div

{

  height:200px;

  width:200px;

  border:1px solid green;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("button").click(function(){

  $("p").prependTo("div");

})

})

</script>

</head>

<body>

<p>我是p的内容</p>

<div>我是div</div>

<button>点击查看效果</button>

</body>

</html>

注意:运行编辑器之后,再按F5刷新网页即可查看演示。
以上代码在点击按钮之后可以将p元素移动到div内部的前方。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
js的隐含参数(arguments,callee,caller)使用方法
Jan 28 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
深入理解vue $refs的基本用法
Jul 13 Javascript
node.js部署之启动后台运行forever的方法
May 23 Javascript
vue 实现input表单元素的disabled示例
Oct 28 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
Oct 31 Javascript
8个超实用的jQuery功能代码分享
Jan 08 #Javascript
jQuery中appendTo()方法用法实例
Jan 08 #Javascript
jQuery中append()方法用法实例
Jan 08 #Javascript
jQuery中end()方法用法实例
Jan 08 #Javascript
jQuery中contents()方法用法实例
Jan 08 #Javascript
jQuery中andSelf()方法用法实例
Jan 08 #Javascript
jQuery中add()方法用法实例
Jan 08 #Javascript
You might like
PHP 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
关于file_get_contents返回为空或函数不可用的解决方案
2013/06/24 PHP
ThinkPHP使用心得分享-上传类UploadFile的使用
2014/05/15 PHP
php实现压缩多个CSS与JS文件的方法
2014/11/11 PHP
PHP中抽象类和抽象方法概念与用法分析
2016/05/24 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
PHP使Laravel为JSON REST API返回自定义错误的问题
2018/10/16 PHP
PHP7 整型处理机制修改
2021/03/09 PHP
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
2015/07/27 Javascript
创建自己的jquery表格插件
2015/11/25 Javascript
jquery对象和DOM对象的任意相互转换
2016/02/21 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
2017/07/07 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
详解python中字典的循环遍历的两种方式
2017/02/07 Python
Python正则表达式完全指南
2017/05/25 Python
Python实现翻转数组功能示例
2018/01/12 Python
Python-numpy实现灰度图像的分块和合并方式
2020/01/09 Python
Python3爬虫中关于中文分词的详解
2020/07/29 Python
世界上最好的足球商店:Unisport
2019/03/02 全球购物
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
机关作风建设剖析材料
2014/10/11 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
会计岗位职责
2015/02/03 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android