jQuery replaceWith replaceAll end的用法

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>b index</title>
<link rel='stylesheet' type="text/css" href='b/css/bootstrap.css'>
</head>
<body style="margin:150px;"><div id="div001">div001</div><div id="div002">div002</div><div id="div003">div003</div><p><span>Hello</span>,how are you?</p><div><button id="btn001">click me to replaceWith new paragraph</button><button id="btn002">click me to replaceWith div003</button><button id="btn003">click me to replaceWith all div with pibib</button><button id="btn004">click me to paragraph replaceAll div001 </button><button id="btn005">click me to paragraph replaceAll div001 use end </button><button id="btn006">click me to use end </button></div><script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript" src="b/js/bootstrap.js"></script><script type="text/javascript" src="js/index028.js"></script>
</body>
</html>

$(function() {$('#btn001').click(btn001Click);$('#btn002').click(btn002Click);$('#btn003').click(btn003Click);$('#btn004').click(btn004Click);$('#btn005').click(btn005Click);$('#btn006').click(btn006Click);
});
function btn001Click() {// '<p>asdf'这样的写法竟然也可以；$('#div001').replaceWith('<p>asdf');
}
function btn002Click() {$('#div001').replaceWith($('#div003'));
}
function btn003Click() {// '<p><i><b><i><b>asdf'这样的写法，jQuery自己封口；// 还能把错误的</ul>给删除掉；$('div').replaceWith('<p><i><b></b></ul><i><b>asdf');
}
function btn004Click() {// 在这里面"<p>thisispa"竟然是无效的；必须自己封口；var res = $("<p>this is pa</p>").replaceAll($('#div001'));console.log(res);// 不需要添加回去；// $('#div002').before(res);
}
function btn005Click() {// 用不用end()都会给替换掉；var res = $("<p>this is use end</p>").replaceAll($('#div002')).end();console.log(res);
}
function btn006Click() {// obj2得到的竟然是[document]对象var obj2 = $('p').end();// obj得到的是[p]对象var obj = $("p").find("span").end();console.log(obj);
}

转载于:https://www.cnblogs.com/stono/p/4940062.html

jQuery replaceWith replaceAll end的用法相关推荐

java提示框easyui风格_[Java教程]jQuery EasyUI 提示框(Messager)用法
[Java教程]jQuery EasyUI 提示框(Messager)用法 0 2013-10-10 19:00:06 jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的 ...
c语言 extend 函数,jQuery中$.extend()数组合并用法
jQuery中$.extend()数组合并用法总结 jQuery为开发插件提拱了两个方法, 分别是: jQuery.fn.extend(object); jQuery.extend(object); ...
java中trim函数用法_深入理解jQuery.trim() 函数及trim()用法
jQuery.trim() 函数及trim()用法详解 jQuery.trim()函数用于去除字符串两端的空白字符.该函数可以去除字符串开始和末尾两端的空白字符(直到遇到第一个非空白字符串为止).它会 ...
ajax then fail done,Jquery $when done then的用法详解
对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when...done...fail...then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下 ...
jQuery replaceWith() 和 replaceAll()
这两种方法均是替换标签,仅是语法上的不同,作用是没什么区别: <!DOCTYPE html> <html><head><meta charset=" ...
jQuery常见的50种用法
1. 如何创建嵌套的过滤器: [javascript] view plaincopy //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下, //查询删除了任 ...
《前端》--jQuery - replaceWith() 方法
https://www.w3school.com.cn/jquery/manipulation_replacewith.asp replaceWith() 方法用指定的 HTML 内容或元素替换被选元 ...
jQuery中的end()的用法与定义
转自:微点阅读 https://www.weidianyuedu.com 定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 以上是官方说法,比较难理解. ...
Conmi的正确答案——jQuery的ajaxSubmit的正确用法
测试系统:WIN10 x64 测试工具:IE11(仿真实现IE9) 解决方案: 如果你只导入了 "jquery" 而没导入 "jquery.form" ,恭喜翻 ...

jQuery replaceWith replaceAll end的用法

jQuery replaceWith replaceAll end的用法相关推荐

最新文章

热门文章