编程 Javascript

jQuery使用before()和after()在元素前后添加内容的方法

Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用before()和after()在元素前后添加内容的方法。分享给大家供大家参考。具体如下：

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#btn1").click(function(){
  $("img").before("<b>Before</b>");
 });
 $("#btn2").click(function(){
  $("img").after("<i>After</i>");
 });
});
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button id="btn1">Insert before</button>
<button id="btn2">Insert after</button>
</body>
</html>

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

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js或者jquery判断图片是否加载完成实现代码

Mar 20 Javascript

EasyUI实现第二层弹出框的方法

Mar 01 Javascript

高性能JavaScript DOM编程（1）

Aug 11 Javascript

js删除局部变量的实现方法

Jun 25 Javascript

基于jQuery的checkbox全选问题分析

Nov 18 Javascript

node.js请求HTTPS报错：UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法

Dec 18 Javascript

Vue中父组件向子组件通信的方法

Jul 11 Javascript

React Native之ListView实现九宫格效果的示例

Aug 02 Javascript

Vue无限滑动周选择日期的组件的示例代码

Jul 18 Javascript

javascript和php使用ajax通信传递JSON的实例

Aug 21 Javascript

Webpack4+Babel7+ES6兼容IE8的实现

Apr 10 Javascript

VUE中鼠标滚轮使div左右滚动的方法详解

Dec 14 Vue.js

jQuery使用after()方法在元素后面添加多项内容的方法

Mar 26 #Javascript

jQuery使用empty()方法删除元素及其所有子元素的方法

Mar 26 #Javascript

jquery使用remove()方法删除指定class子元素

Mar 26 #Javascript

jQuery使用removeClass方法删除元素指定Class的方法

Mar 26 #Javascript

jQuery给多个不同元素添加class样式的方法

Mar 26 #Javascript

Js实现自定义右键行为

Mar 26 #Javascript

jQuery使用addClass()方法给元素添加多个class样式

Mar 26 #Javascript

You might like

利用static实现表格的颜色隔行显示的代码

2007/09/02 PHP

PHP实现异步调用方法研究与分享

2011/10/27 PHP

ThinkPHP添加更新标签的方法

2014/12/05 PHP

PHP数组函数array_multisort()用法实例分析

2016/04/02 PHP

PHP读取大文件的多种方法介绍

2016/04/04 PHP

php输出文字乱码的解决方法

2019/10/04 PHP

驱动事件的addEvent.js代码

2007/03/27 Javascript

jQuery学习笔记获取jQuery对象

2012/09/19 Javascript

求数组最大最小值方法适用于任何数组

2013/08/16 Javascript

js格式化金额可选是否带千分位以及保留精度

2014/01/28 Javascript

IE 下Enter提交表单存在重复提交问题的解决方法

2014/05/04 Javascript

JavaScript实现更改网页背景与字体颜色的方法

2015/02/02 Javascript

举例详解JavaScript中Promise的使用

2015/06/24 Javascript

使用HTML+CSS+JS制作简单的网页菜单界面

2015/07/27 Javascript

举例讲解JavaScript substring()的使用方法

2015/11/09 Javascript

Bootstrap学习笔记之css组件(3)

2016/06/07 Javascript

vue-cli单页应用改成多页应用配置详解

2017/07/14 Javascript

js传递数组参数到后台controller的方法

2018/03/29 Javascript

详解处理Vue单页面应用SEO的另一种思路

2018/11/09 Javascript

JavaScript定时器常见用法实例分析

2019/11/15 Javascript

Javascript如何实现双指控制图片功能

2020/02/25 Javascript

[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局

2016/02/26 DOTA

Python生成验证码实例

2014/08/21 Python

朴素贝叶斯算法的python实现方法

2014/11/18 Python

python中实现迭代器（iterator）的方法示例

2017/01/19 Python

Python基于win32ui模块创建弹出式菜单示例

2018/05/09 Python

python绘制圆柱体的方法

2018/07/02 Python

PyTorch中Tensor的拼接与拆分的实现

2019/08/18 Python

Python Collatz序列实现过程解析

2019/10/12 Python

Django xadmin开启搜索功能的实现

2019/11/15 Python

python爬虫判断招聘信息是否存在的实例代码

2020/11/20 Python

CSS3实现莲花绽放的动画效果

2020/11/06 HTML / CSS

Nike墨西哥官网：Nike MX

2020/08/30 全球购物

2014小学教师个人工作总结

2014/11/10 职场文书

2015年实习班主任工作总结

2015/04/23 职场文书

《给予树》教学反思

2016/03/03 职场文书