jQuery实现将页面上HTML标签换成另外标签的方法_jquery

本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法。分享给大家供大家参考。具体分析如下:

替换前代码如下:

<code> A </code>
<code> B </code>
<code> C </code>

替换后代码如下:

<pre> A </pre>
<pre> A </pre>
<pre> A </pre>

实现替换代码:

复制代码 代码如下:

$('code').contents().unwrap().wrap('<pre/>');

或者:

$('code').replaceWith(function(){
  return $("<pre />").append($(this).contents());
});

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
html标签
jquery实现页面跳转、jquery实现页面切换、jquery实现页面刷新、jquery实现预加载页面、jquery实现注册页面,以便于您获取更多的相关知识。

时间: 2024-12-21 04:34:30

jQuery实现将页面上HTML标签换成另外标签的方法_jquery的相关文章

jQuery实现将页面上HTML标签换成另外标签的方法

 本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法.分享给大家供大家参考.具体分析如下: 替换前代码如下: 1 2 3 <code> A </code> <code> B </code> <code> C </code> 替换后代码如下: 1 2 3 <pre> A </pre> <pre> A </pre> <pre> A </pre> 实现

JQuery中两个ul标签的li互相移动实现方法_jquery

本文实例讲述了JQuery中两个ul标签的li互相移动实现方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

jquery.form.js实现将form提交转为ajax方式提交的方法_jquery

本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法.分享给大家供大家参考.具体分析如下: 这个框架集合form提交.验证.上传的功能. 这个框架必须和jquery完整版结合,否则使用min则无效. 原理:利用js进行对form进行组装成ajax的url和data,原理还是用ajax来提交,其实这完全可以自己写,但是有这个框架可能会更简单. 一.最简单例子: 第一步:引用js <!--这里的min是自己用js压缩工具对完整版进行的压缩 并不是真正的min,所以好

JQuery实现样式设置、追加、移除与切换的方法_jquery

本文实例讲述了JQuery实现样式设置.追加.移除与切换的方法.分享给大家供大家参考.具体分析如下: 有了JQuery,元素的样式操作会变得相当简易.下面我们来看看如何使用JQuery来实现元素样式的获取.设置.追加.删除以及其它一些操作. 获取与设置样式 获取class和设置class都可以使用attr()方法来完成.例如使用attr()方法来获取p元素的class,JQuery代码如下: var p_class = $("p").attr("class"); /

Jquery对新插入的节点 绑定Click事件失效的解决方法_jquery

1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了.live的解决方法如下: 你可以看这个 也可以不看 ,只是做到心中有数就可以了.下面介绍ON的方法. live:Live的使用介绍 2.有人用了ON 来解决, 这个解决方法基本在理. On :On的介绍,能解决问题 On的方法,基本能解决问题,但是你也要根据你的具体情况做选择.并不是每个人的代码都像上面这个案例描述的那么简单.但是万变不离其宗. 我是这样来做的,最终把问题解决了.  我有一个UL 标签是静态的,就是说

jquery操作checkbox火狐下第二次无法勾选的解决方法_jquery

最近在学习jQuery(版本jquery-1.9.1.js),要求用jQuery实现全选/全不选.反选,在IE(IE8)中没有问题,但在火狐浏览器中调试的时候出现了一些小问题,达不到效果. html代码如下: <div> 你爱好的运动是 <input type="checkbox" id="selectal1" /><label for="selectal1">全选/全不选</label><b

jquery分析文本里url或邮件地址为真实链接的方法_jquery

本文实例讲述了jquery分析文本里url或邮件地址为真实链接的方法.分享给大家供大家参考.具体如下: 这段代码可以分析出文本里的所有超级链接,包含邮件.url.#链接等等,并分别输出为真实链接地址 $.fn.tweetify = function() { this.each(function() { $(this).html( $(this).html() .replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/

jQuery使用$获取对象后检查该对象是否存在的实现方法_jquery

注意: 1)即使jQ获取到网页中不存在的元素也不会报错 2)使用$("#tt")形式获取到的永远是对象,即使网页上没有此元素 jQuery检查某个元素在网页上是否存在时,不能使用以下的代码: if($("#tt")){ //do something } 二是根据获取到的元素的长度来判断: if($("#tt").length>0){ //do something } 或者是转化成DOM对象再判断: if($("#tt")

jquery checkbox无法用attr()二次勾选问题的解决方法_jquery

今晨,漂亮的测试妹妹提了个奇怪的bug,说我一功能checkbox时隐时现,比如第一次打开有勾选,第n次打开可能就不选了. 想到与美女有亲密接触机会,马上鸡动起来. 经过偶层层抽次剥茧(da da jiang you),终于知道了原因:attr()在二次选中勾选框时,失效. 比如,如下HTML页面,一点[选中].二点[取消选中].三点[选中],瞧,不行了呗. 1.html <!doctype html> <html lang="en"> <head>