jQuery——插件制作
2024-08-31 01:52:21
1、$.fn.extend:扩展 jQuery 元素集来提供新的方法(通常用来制作插件),使用时是$('选择器').方法
2、$.extend:扩展jQuery对象本身,用来在jQuery命名空间上增加新函数,使用时是$.方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 100px;
height: 100px;
margin-left: 150px;
margin-top: 20px;
border: 1px solid #000;
}
</style>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div></div>
<script>
$.fn.extend({
becomeYellow:function () {
//this是$('选择器')获取的jq对象,不是注册方法中的dom对象
this.css({backgroundColor:'yellow'});
}
});
$.extend({
becomeRed:function (a,b) {
console.log(a+b);
}
});
$('div:eq(0)').becomeYellow();
$.becomeRed(1,2);//3
</script>
</body>
</html>
最新文章
- Hadoop op 1)
- 逗号分割符--字段中含逗号等情况的解析方法Java实现
- Spring MVC 上传文件
- lambda形式(转)
- php xml常用函数的集合(比较详细)
- IBM developerWorks 的Ajax系列教程
- Socket 学习(三).2 udp 穿透 服务端 与 客户端 通讯
- response.setContentType与 request.setCharacterEncoding 区别
- win10 uwp 绑定多数据
- SpringMVC常用注解整理
- SQLServer与MySQL约束/索引命名的一些差异总结
- 02、natapp的使用
- Gradle初识
- @ImportResource 导入Spring 的xml配置文件
- Intellij IDEA 通过数据库表逆向生成带注释的实体类文件超级详细步骤,附详细解决方案
- Android_照相机Camera_调用系统照相机返回data为空
- python记录_day18 反射 判断函数与方法
- 软件工程作业 - Week 1
- 【linux】系统初始化的shell脚本
- 学习计划 mysql 引擎