【JavaScript框架封装】实现一个类似于JQuery的内容框架的封装
2024-10-21 06:26:55
// 内容框架
(function (xframe) {
// 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法)
xframe.extend({
/**
* .html()用为读取和修改元素的HTML标签 对应js中的innerHTML
* @return {html}
*/
html: function () {
var arg = arguments,
len = arg.length,
arr = Array.prototype.slice.call(this);
if (this.length < 1) {
return this;
}
// 分为取值模式和设置模式
if (len === 0) {
// 取值模式
return this[0].innerHTML;
} else if (len === 1) {
// 设置模式
arr.each(function () {
this.innerHTML = arg[0];
});
}
return this;
},
/**
* 用于获取文本信息
* @return {*}
*/
text: function () {
var args = arguments,
len = args.length;
if (this.length === 0) {
return this;
}
if (len === 0) {
// 取值模式
return this[0].innerText;
} else if (len === 1) {
// 设置模式
this.each(function () {
this.innerText = args[0];
});
}
return this;
},
/**
* 用于获取表单中的数值(input, form)
* @return {*}
*/
val: function () {
// val();设置或者获取表单字段的值(前提是表单设置了value属性);
var args = arguments,
len = args.length;
if (this.length === 0) {
return this;
}
if (len === 0) {
return this[0].value;
} else if (len === 1) {
this.each(function () {
this.value = args[0];
});
}
return this;
}
});
// 不需要参与链式访问的
xframe.extend(xframe, {});
})(xframe);
最新文章
- JAVA JDK的动态代理反射实现
- [转] 使用C#开发ActiveX控件
- 170. Two Sum III - Data structure design
- KEILC51可重入函数及模拟栈浅析
- 配置sphinx
- 怎样使用jsp实现header和footer与网页内容的分离
- IOS 在功能 autorelease release
- [置顶] Nosql笔记(一)——关系型数据库回顾
- JQuery树形目录插件Dynatree
- Micropython实例之TPYBoard来电显示功能演示
- JQ.ajax 各种参数及属性设置 ( 转载 )
- Java中的50个关键字
- python小猪蹄儿
- docker 启动报错 WARNING: IPv4 forwarding is disabled. Networking will not work.
- [uboot] (第五章)uboot流程——uboot启动流程
- js之鼠标随动后面跟随事件(类似于长龙跟着跑)
- PHP Fatal error: Call to undefined function mysql_connect() 错误解释
- 使用SpringMVC自带的@Scheduled完成定时任务
- sql:PostgreSQL
- springboot 中使用thymeleaf