自编mjfn.js前端框架说明_html/css

来源：懂视网责编：小采时间：2020-11-27 16:38:46

自编mjfn.js前端框架说明_html/css

自编mjfn.js前端框架说明_html/css_WEB-ITnose: 注意：本文档的所有权归下面Github的拥有者所有！欢迎大家提出问题！用户注意：选择器仅仅只可以在前端使用，此框架不建议在后端：node.js内使用。本框架效仿jquery框架，但相比jquery更加轻量，会做一些持续的更新！并且添加了一些通用的模块，大大方便前

推荐度：

点击下载本文 文档为doc格式

导读自编mjfn.js前端框架说明_html/css_WEB-ITnose: 注意：本文档的所有权归下面Github的拥有者所有！欢迎大家提出问题！用户注意：选择器仅仅只可以在前端使用，此框架不建议在后端：node.js内使用。本框架效仿jquery框架，但相比jquery更加轻量，会做一些持续的更新！并且添加了一些通用的模块，大大方便前

本框架使用链式调用，仅仅只有以下方法不支持。

remove/getClass/ele_W_H/body_W_H/click／pagination/Time、arrChan、strChan、obj、对象下的方法／和抛错方法

引入本框架只运用一个全局变量：MjFn变量，在变量内有的原型方法内挂载着所有的操作方法。并且运用无new创建，因此，如果要使用，请在

可以对取出的元素进行筛选，因此就诞生了：

MjFn('.className').first(); //内的第一个元素MjFn('.className').end(); //内的最后一个元素MjFn('.className').num(num); //传入的参数为这些内容内的第几个

css方法：传入style，两种形式

MjFn('.className').css('background-color','#ABC'); //传入两个参数MjFn('.className').css({ 'background-color':'#ABC', 'border-radius':'10px', 'height':'50px', }); //传入一个json对象

removeClass / addClass / replaceClass (添加、删除和替代节点的class)

MjFn('.className').addClass('className');MjFn('.className').removeClass('className');MjFn('.className').replaceClass('className');

getClass：获取元素类名

MjFn('.className').getClass();

可以清空html标签内的所有子节点（clear）

MjFn('.className').clear();

清空这个节点（包括其子节点）

MjFn('.className').remove();

返回可见高度：（分为元素和body两个） the end of invocation chaining

MjFn('.className').ele_W_H(); //元素可见的宽和高，返回一个array，arr[0]是宽，arr[1]是高MjFn('.className').body_W_H(); //页面可见的宽和高，返回一个array，arr[0]是宽，arr[1]是高

addHTML：为元素添加子节点

MjFn('.className').addHTML('我是子节点');

替换和添加内容（chanText、addText）

强烈建议添加内容使用这个，而不是addHTML：这两个方法在添加内容之前，会对html代码做出转译！对其不执行html处理，把它当成字符串输出。

MjFn('.className').chanText(str); //替换字符串MjFn('.className').addText(str); //在原有的基础上添加内容

click方法：点击事件

MjFn('.className').click(function(e) { //e为点击事件！ expression });

Time对象：获取事件

MjFn().Time.DateFac(); //统一工厂方法：DateFac方法 [几年几月几号,几时几分几秒]

pagination方法：传入URL、本页页数、总页数(>7页显示7页，<7页显示total)

MjFn('#page').pagination('URL', 5, 12); //下面附图，配合framework.css工作效果更佳！

框架配合css效果图

下载地址：https://github.com/merjiezo/mjzframework

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

自编mjfn.js前端框架说明_html/css

推荐度：

点击下载本文 文档为doc格式

标签： js html css

热门焦点

自编mjfn.js前端框架说明_html/css

自编mjfn.js前端框架说明_html/css

本框架使用链式调用，仅仅只有以下方法不支持。

自编mjfn.js前端框架说明_html/css

最新推荐

猜你喜欢

热门推荐