javascript 程序库的比较(一)之DOM功能
1,Prototype程序库
这是第一个把document.getElementById()简化为$的程序库。
比如:原来的var myele=document.getElementById('id')等价于var myele=$('id')
此外,$还扩展了一些功能
比如:var eleArray=$('id1','id2','id3','id4')能够返回一个包含4个对象的数组。
除了$,这个函数库还提供了根据类名找元素的方法getElementsByClassName;添加类名的方法addClassName;移除类名的方法removeClassName等,大大方 便了我们使用。
2,jQuery
它比prototype更强大。
比如:
document.getElementById()==>$('#money')
document.getElementsByTagName==>$('p')
返回一组类名相同的元素:$('.money')
而且可以更css一样派生:$("#content table.dateTable")
jQuery程序库中提供的css规则的分析功能是惊人的,它支持css1,css2,css3,以及XPath中的大多数选择符。
3,DoJo程序库
根据id取得元素对象:var money=Dojo.byId('money')
根据类名获得元素:Dojo.html.getElementByClass()
相关推荐
-
JavaScript实现简单的隐藏式侧边栏功能示例
本文实例讲述了JavaScript实现简单的隐藏式侧边栏功能.分享给大家供大家参考,具体如下: 常见的隐藏式侧边栏,如分享.联系客服等.通过设置速度来实现滑入滑出的动态效果 以下是代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>www.jb51.net js侧边栏</title> <style type="text/c
-
JavaScript简单实现的仿微博留言功能示例
本文实例讲述了JavaScript简单实现的仿微博留言功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微博留言</title> </head> <script> window.onload=function(){ var text=docum
-
JavaScript使用面向对象实现的拖拽功能详解
本文实例讲述了JavaScript使用面向对象实现的拖拽功能.分享给大家供大家参考,具体如下: 面向对象有个前提: 前提:所有东西都必须包含在onload里 改写:不能有函数嵌套,可以有全局变量 过程,如下 onload改成构造函数, 全局变量改成属性(通过this) 函数改写成方法 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/
-
JavaScript中变量、指针和引用功能与操作示例
本文实例讲述了JavaScript中变量.指针和引用功能与操作.分享给大家供大家参考,具体如下: 1.变量 我们可能产生这样一个疑问:编程语言中的变量到底是什么意思呢? 事实上,当我们定义了一个变量a时,就是在存储器中指定了一组存储单元,并将这组存储单元命名为a.变量a的值实际上描述的是这组存储单元中存放的具体信息. 例如,在JS中 var a; a=10; 第一个语句在存储器中指定了一组存储单元,并命名为a: 第二个语句在这组存储单元中存储了数字10. 变量a的值为10实际上是说存储单元组a存
-
JavaScript 用fetch 实现异步下载文件功能
废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>sample</title> </head> <body> <button id='btn'>下载</button> <span id='status'></span> &
-
基于JavaScript实现评论框展开和隐藏功能
1.效果图如下所示, 点击评论会在对应的评论区域展开评论输入框,点击取消会取消对应的评论输入框 2.html代码:需要引入jQuery.js <div class="nr-comment"> <div class="nr-comment-con"> <div class="nr-comment-nav"> <div class="comment-number"> <span
-
JavaScript实现搜索框的自动完成功能(一)
在很多需要搜索的网站, 都会有一个自动完成的搜索框. 方便用户查找他们想要的搜索词. 帮助用户快速找到自己想要的结果. 这种方式是比较友好的. 所以是比较提倡使用的. 先给大家展示下效果图: 实现这个功能需要服务端配合.客户端通过脚本来展示从服务端取得的数据. 先看客户端的HTML: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT
-
JavaScript中使用参数个数实现重载功能
利用参数的个数实现重载,马上想到的方法就是 function overload(){ switch(arguments.length){ case 0: console.log("一个朋友都没有"); break; case 1: console.log("有一个朋友"); break; case 2: console.log("有两个朋友"); break; case 3: console.log("有三个朋友"); bre
-
JavaScript数组随机排列实现随机洗牌功能
本文实例讲述了JavaScript数组随机排列实现随机洗牌功能的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以对数组内的元素进行随机排列,这个非常有用,比如我们在玩扑克牌的时候可以让扑克牌进行排列,也就是电脑洗牌. var list = [1,2,3,4,5,6,7,8,9]; list = list.sort(function() Math.random() - 0.5); Print(list); // prints something like: 4,3,1,2,9,5,6,
-
利用Javascript仿Excel的数据透视分析功能
什么是数据透视分析? 数据透视分析就是要在 不同维度对数据进行汇总,过滤,分析,比较,作图.用来发现数据的变化趋势和不同因素导致的差异. 这在销售,统计,金融 等方面十分有用,常常会在一些管理软件中使用. 接下来使用Excel介绍了什么是数据透视分析和数据透视表. 下面我使用 Excel的数据透视表 来分析 iPhone手机2013,2014 和2015 年在中国和美国的销售量数据,以总结iPhone手机的销售趋势. 申明:所有数据都是自己编造的,无任何参考价值. Excel 数据透视表和数据透
随机推荐
- 详解Angular2 之 结构型指令
- JS获取屏幕高度的简单实现代码
- MyBatis与Hibernate的比较
- Pycharm技巧之代码跳转该如何回退
- 基于js的变量提升和函数提升(详解)
- php输出图像的方法实例分析
- PHP登录(ajax提交数据和后台校验)实例分享
- C++之CWnd窗口框架实例
- 音量控制键控制的音频流(setVolumeControlStream)描述
- Windows下mysql5.7.18安装配置教程
- iis、apache、nginx使用X-Frame-Options防止网页被Frame的解决方法
- javascript读取Xml文件做一个二级联动菜单示例
- Java实现字符串倒序输出的常用方法小结
- 获取鼠标在div中的相对位置的实现代码
- JavaScript 学习笔记(十六) js事件
- Android 加载asset文件夹下边的图片
- Android自定义TextView实现文字倾斜效果
- Bo-Blog专用的给Windows服务器的IIS Rewrite程序
- ThinkPHP中session函数详解
- 上网啦为您提供30兆免费ASP空间