Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "HTTP://WWW.W3.ORG/TR/HTML4/STRICT.DTD" >
<meta http-equiv= "Content-type" content= "text/html; Charset=iso-8859-1 ">
<title>each document</title>
<script type= "Text/javascript" >
(function () {///create a self-execution function
function _$ (EL) {//Declaring a class
This.elements = []; A reference to hold the DOM element
for (var i = 0; i < el.length; i++) {
var element = El[i];
if (typeof element = = string) {
element = document.getElementById (element);
}
This.elements.push (Element);
}
}
_$.prototype = {
Each:function (FN) {
for (var i = 0; i < this.elements.length; i++) {
Fn.call (this, this.elements[i]); The second argument is the parameter of the FN function
}
},
Setstyle:function (prop, Val) {
var that = this;
This.each (function (EL) {//Note settings for parameters
El.style[prop] = val;
});
return this;
}
}
window.$ = function () {
return new _$ (arguments);
};
})();
Window.onload = function () {
$ ("P", "P2"). SetStyle ("Color", "red");
}
</script>
<body>
<p id= "P" >
Hello World
</p>
<p id= "P2" >
Welcome.
</p>
</body>