求JavaScript高手！！ 如果要写一个类似于JQ中on的插件怎么写？ 比如： $("d
求JavaScript高手！！如果要写一个类似于JQ中on的插件怎么写？比如：$("div").xx(function(){//do...})...
求JavaScript高手！！ 如果要写一个类似于JQ中on的插件怎么写？ 比如： $("div").xx(function(){ //do... })
展开
2个回答
展开全部
<!--这里的代码是纯手写的 做了2个例子 不写完全部功能了 自己领悟才是自己的哦 不懂可以追问我哦 QQ：545303380-->
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
* { padding:0; margin:0;}
li { list-style:none; width:200px; height:200px; float:left; text-align:center; line-height:200px; color:White; font-size:80px; background-color:Red;}
</style>
<script language="javascript" type="text/javascript">
/*这里是库*/
(function (window, undefined) {
window.$ = function (id) {
return new Init(id);
}
function Init(id) {
if (typeof id == "string") {
this[0] = document.getElementById(id);
}
else if (typeof id == "object") {
this[0] = id;
}
}
Init.prototype.on = function (attr, fn, select) {
this[0]["on" + attr] = function (ev) {
var oEvent = ev || event;
var _this = oEvent.srcElement || oEvent.target;
if (_this.tagName.toUpperCase() === select.toUpperCase()) {
if (fn) fn.call(_this, oEvent);
}
}
return this; //不断返回new出来的那个对象 实现Jquery的连缀 $("").on(function(){}).on(funciton(){})......
}
Init.prototype.css = function (json) {
for (var i in json) {
this[0].style[i] = json[i];
}
return this; //不断返回new出来的那个对象 实现Jquery的连缀 $("").on(function(){}).on(funciton(){})......
}
})(window);
/*这里是库*/
window.onload = function () {
$("ul1").on("click", function () {
$(this).css({ background: "green", height: "400px" }).css({ fontSize: "100px" }).on("mouseover", function () {
$(this).css({ height: "200px" });
}, "li");
}, "li");
}
</script>
</head>
<body>
<ul id="ul1">
<li>0</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
原生js应该是使用attachEvent（ie）和addEventListener（非ie）进行事件绑定监听。
http://www.oschina.net/question/54100_25614
http://www.oschina.net/question/54100_25614
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
