如何用javascript写个插件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用javascript写个插件相关的知识，希望对你有一定的参考价值。
插件的目的是为了实现一系列功能。一般来讲是分为两种，一种是独立插件，一种是依赖插件。独立插件的话，只要把插件写在一个js文件里面，把js引进来就可以了。依赖插件的话，是本身需要依赖于其他的js，比如常见的jq插件，需要依赖jq，使用的时候要先把jq引进来，然后再把这个js引进来。js插件的开发需要几个注意点：
独立变量，方法。防止和其他js产生冲突，一般采用闭包。
暴露设置，暴露方法调用。为了插件根据需要做一些设置上的改变。
防止重复定义，一般有一个初始化，建议采用匿名函数实现只能初始化一次 参考技术A 封装成一个方法，对外提供使用这个方法功能的接口就行
如何用jQuery实现单双数排列？（实用篇）
步骤解析：
先到jQuery官网下载jQuery插件，并且引到HTML页面来
<script type="text/javascript" ></script>
写HTML代码：
代码示范：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>单双数排列简单例子</title>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" ></script>
<script type="text/javascript" ></script>
</head>
<body>
<ul>
<li>
<div>新闻内容1</div>
</li>
<li>
<div>新闻内容2</div>
</li>
<li>
<div>新闻内容3</div>
</li>
<li>
<div>新闻内容4</div>
</li>
<li>
<div>新闻内容5</div>
</li>
<li>
<div>新闻内容6</div>
</li>
</ul>
</body>
</html>
写CSS样式：
代码示范：
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
color: black;
}
ul {
width: 600px;
height: 600px;
background: yellowgreen;
}
ul li {
height: 40px;
}
ul li div {
width: 300px;
height: 40px;
}
写jQuery语句：
代码示范：
$(function() {
$('ul li:even').find('div').css({
float: 'left',
'background': 'red'
});
$('ul li:odd').find('div').css({
float: 'right',
background: 'blue'
});
})
技术微周刊
「技术微周刊」分享技术文章与动态。周刊的内容会挑选出一周的精彩内容，有技术干货、技术动态，也有技术人生，欢迎关注与分享。
PHP项目中心
以上是关于如何用javascript写个插件的主要内容，如果未能解决你的问题，请参考以下文章