学习笔记-博客前段-封装库-连缀
2013-11-12 19:41
295 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript" defer="defer"> var $ = function() { return new Base(); } function Base() { this.elements = []; //获取ID节点 this.getId = function(id) { this.elements.push(document.getElementById(id)); return this; } //获取元素节点 this.getTagName = function(tag) { var tags = document.getElementsByTagName(tag); for(var i = 0; i<tags.length; i++) { this.elements.push(tags[i]); } return this; } } Base.prototype.css = function(attr, value) { for(var i =0; i<this.elements.length; i++) { this.elements[i].style[attr] = value; } return this; } Base.prototype.html = function(str) { for(var i = 0; i<this.elements.length; i++) { this.elements[i].innerHTML = str; } return this; } Base.prototype.click = function(fn) { for(var i = 0; i<this.elements.length; i++) { this.elements[i].onclick = fn; } return this; } window.onload = function() { $().getId('ljh').css('color', 'red').css('backgroundColor', 'black'); $().getTagName('p').css('color', 'green').html('标题').click(function() { alert('a'); }).css('backgroundColor', 'pink'); } </script> </head> <body> <div id="ljh">javascript is fun!</div> <p>段落</p> <p>段落</p><p>段落</p> </body> </html>
相关文章推荐
- javascript之博客前端连缀,css自定义封装代码笔记
- 学习笔记之maven2学习总结(3,maven2在淘宝项目的应用) [ 光影人像 东海陈光剑 的博客 ]
- 类的封装学习笔记
- Thrift 学习笔记1——Ubuntu环境下Thrift的安装、编译以及测试 - 张进の专栏 - 博客频道 - CSDN.NET
- javascript-学习笔记-<script> </script> 代码执行的和上一个博客相对应的
- 【VS2010学习笔记】【编程实例】 (含有类的动态链接库的封装和调用)
- C++学习笔记10——类和封装
- iOS学习笔记33-iOS 开发博客合集(持续更新中。。。)
- iOS学习笔记--封装倒计时按钮
- C++学习笔记4——类的封装(2)
- 黑马程序员 java学习笔记——面向对象1:封装
- Objective-C学习笔记(二十三)——面向对象之封装
- 31天重构学习笔记1. 封装集合
- 传智博客学习笔记17--JAVA script HTML语言高级
- 黑马程序员-ios学习笔记 oc 封装
- 传智博客课堂学习笔记3.26
- CAD二次开发学习笔记三(封装添加实体到数据库函数)
- java学习笔记博客目录
- play framework如何进行模块化开发--学习笔记(借鉴同事、博客等资料自己试验通过!)
- cocos2d-x学习笔记3:CCTextFieldTTF的使用和再封装