JavaScript链式编程模拟Jquery函数

浏览数：39 / 时间：2015年06月08日 
 1 <span>Hello,World！</span>
 2 <script type="text/javascript">
 3     Jq = function (tagName) {
 4         var tagArr = document.getElementsByTagName(tagName);
 5         var ret = {
 6             tag: tagArr,
 7             css: function (attribute, value) {
 8                 for (var i = 0; i < this.tag.length; i++) {
 9                     this.tag[i].style[attribute] = value;
10                 }
11                 return this;
12             }
13         }
14         return ret;
15     }
16 
17     window.onload = function () {
18         Jq("span").css("color", "red")
19                   .css("border", "1px solid green")
20                   .css("padding", "10px");
21     }
22 </script>

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 编程语言 Java C C# Javascript js Python Ruby Spring 程序 VB

相关文章

随机文章

您可能还喜欢

您可能还喜欢