jquery-7 jquery中的文档处理方法有哪些(方法的参数表示功能增强)
2024-08-31 22:39:05
jquery-7 jquery中的文档处理方法有哪些(方法的参数表示功能增强)
一、总结
一句话总结:多看参考文档,多看主干目录。一般的功能分两个方法来实现,一个对应标签,一个对应标签和事情,比如克隆,一个是只克隆标签,一个不仅克隆标签还克隆方法。
1、jquery中功能如何实现(从标签和事件两部分回答)?
一般的功能分两个方法来实现,一个对应标签,一个对应标签和事情,比如克隆,一个是只克隆标签,一个不仅克隆标签还克隆方法。
比如empty和detach方法,比如clone和clone(true)
23 // $(this).after($(this).clone());
24 $(this).after($(this).clone(true));
2、jquery中的文档处理分为哪六类?
内部追加(前后),外部追加(前后),包围(内外全),替换,删除(文本,标签,标签+事件),复制(标签,对象)
3、jquery中的文档处理中的内部追加函数有哪四个(分前后)?
append();
appendTo()
prepend();
prependTo();
31 // $('.div2').prepend($(this));
32 $(this).prependTo('.div2');
4、jquery中的文档处理中的外部插入函数有哪些?
after();
before();
insertAfter();
insertBefore();
5、jquery中的文档处理中的包围函数有哪些?
wrap();
wrapInner();
wrapAll();
6、jquery中的文档处理中的替换函数有哪些?
replaceWith();
replaceAll();
7、jquery中的文档处理中的删除函数有哪些?
empty();
remove();
detach();
25 $('p').click(function(){
26 obj=$(this).detach();
27 $('body').append(obj);
28 });
8、jquery中的文档处理中的复制函数有哪些?
clone();
clone(true);
22 $('img').click(function(){
23 // $(this).after($(this).clone());
24 $(this).after($(this).clone(true));
25 });
二、jquery中的文档处理方法有哪些
1、相关知识
文档处理:
1.内部缀加
append();
appendTo()
prepend();
prependTo();
2.外部插入
after();
before();
insertAfter();
insertBefore();
3.包围
wrap();
wrapInner();
wrapAll();
4.替换
replaceWith();
replaceAll();
5.删除
empty();
remove();
detach();
6.复制
clone();
clone(true);
2、代码
detach移除带事件
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
*{
font-family: 微软雅黑;
}
div{
height:250px;
background: #ccc;
}
</style>
<script src="jquery.js"></script>
</head>
<body>
<p>000000000001</p>
<p>000000000002</p>
<p>000000000003</p>
<p>000000000004</p>
<p>000000000005</p>
</body>
<script>
$('p').click(function(){
obj=$(this).detach();
$('body').append(obj);
}); </script>
</html>
clone和cloneTrue对象克隆
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
*{
font-family: 微软雅黑;
}
div{
background: #ccc;
}
</style>
<script src="jquery.js"></script>
</head>
<body>
<div>
<img src="a.png" alt="">
</div>
</body>
<script>
$('img').click(function(){
// $(this).after($(this).clone());
$(this).after($(this).clone(true));
});
</script>
</html>
prepend和prependTo前缀加
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
*{
font-family: 微软雅黑;
}
div{
height:250px;
background: #ccc;
}
</style>
<script src="jquery.js"></script>
</head>
<body>
<div class="div1">
<h1>00000001</h1>
<h1>00000002</h1>
<h1>00000003</h1>
<h1>00000004</h1>
</div>
<hr>
<div class="div2"> </div>
</body>
<script>
$('.div1 h1').click(function(){
// $('.div2').prepend($(this));
$(this).prependTo('.div2');
});
</script>
</html>
最新文章
- Kafka实战-Flume到Kafka
- Android DownloadProvider学习
- equal与==
- javamail 利用qq邮箱做邮箱服务器,简单小demo
- Java---Condition控制线程通信
- Swift2.1 语法指南——高级操作符
- Object Pascal 语言基础
- 在Linux上安装Memcached服务
- Hibernate学习之Hibernate流程
- OCA读书笔记(8) - 管理用户安全
- ubuntu 安装jdk7总结
- tar命令结合find搜索将指定条件的文件进行打包压缩
- Angular - - $cacheFactory
- ldap数据库--ODSEE--卸载
- 创建银行API
- 使用vue-cli创建vue项目
- python的格式化输出
- TF:TF分类问题之MNIST手写50000数据集实现87.4%准确率识别:SGD法+softmax法+cross_entropy法—Jason niu
- InfluxDB 常用命令
- HOW-TO GEEK SCHOOL
热门文章
- 提高IIS的FTP安全性 管理员的九阴真经
- Android NineGridLayout — 仿微信朋友圈和QQ空间的九宫格图片展示自定义控件
- HDU 1197 Specialized Four-Digit Numbers
- 18/9/9牛客网提高组Day1
- 【Codeforces Round #455 (Div. 2) C】 Python Indentation
- Shiro学习总结(4)——Shrio登陆验证实例详细解读
- Dubbo学习总结(4)——Dubbo基于Zookeeper实现分布式实例
- ZOJ 题目3587 Marlon&;#39;s String(KMP)
- adapter-自定义adapter的典型写法
- C Tricks(十八)—— 整数绝对值的实现