javascript 程序库的比较(一)之DOM功能_javascript技巧

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()

时间: 2024-11-08 20:25:06

javascript 程序库的比较(一)之DOM功能_javascript技巧的相关文章

JavaScript数组随机排列实现随机洗牌功能_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 Memoization 让函数也有记忆功能_javascript技巧

比如说,我们想要一个递归函数来计算 Fibonacci 数列.一个 Fibonacci 数字是之前两个 Fibonacci 数字之和.最前面的两个数字是 0 和 1. 复制代码 代码如下: var fibonacci = function (n) { return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2); }; for (var i = 0; i <= 10; i += 1) { document.writeln('// ' + i +

JavaScript使用cookie实现记住账号密码功能_javascript技巧

很多登录功能上都有个"记住密码"的功能,其实无非就是对cookie的读取. 下面展示这个功能的代码,原作者已无法考究.... 测试方法:直接输入账号密码,提交后,刷新页面,再输入同样的账号,就可以显示 <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>

基于JavaScript实现类似于百度学术高级检索功能_javascript技巧

百度学术http://xueshu.baidu.com/高级检索是通过前台生成后台内部高级语法来实现高级检索的,可以通过前台js做字符串拼接传给后台实现,难度不大: 下面是高级检索的核心功能代码,我使用的是纯js实现,并未使用jquery: <p class="fl srh-btn"> <input type="submit" class="srh-submit" style="height:px" valu

基于javascript实现的搜索时自动提示功能_javascript技巧

当在数据量不是很大,而且没有后端对应的功能接口的时候,一些简单的搜索功能基本上是前端去实现的,正好最近用到,写了一个,贴出来和大家分享: 效果图: 功能描述: 按下键盘后及时搜索条目中的汉字,汉字对应的拼音和号码: 实现思路: 先将条目中的汉字转换成拼音,然后将汉字,拼音,数字拼接成规律的字符串,放入数组,然后每次按下键盘后判断 input 中的值是汉字,拼音,还是数字,然后按固定的规律去循环数组,这样就能找到对应的条目了: 启用方式: // search-test-inner --->  最外

javascript检查浏览器是否已经启用XX功能_javascript技巧

检测浏览器是否支持cookie功能 <script> if(navigator.cookieEnabled) { document.write("你的浏览器支持cookie功能!"); } else{ document.write("你的浏览器不支持cookie!"); } </script> 检查浏览器是否已经启用Java支持功能 <script type="text/javascript"> documen

为JavaScript类型增加方法的实现代码(增加功能)_javascript技巧

javaScript的类型函数(如Number/String/Boolean/Array/Date/Obejct等)都是继承于 Function.prototype,所以给Function.prototype增加方法,同时也会影响到由它衍生的下层类型函数.如: 复制代码 代码如下: Function.prototype.addMethod=function(methodName,func){ if(!this[methodName]){ this[methodName]=func;//给类型增加

Javascript结合css实现网页换肤功能_javascript技巧

Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. <link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /> 2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能) <ul id="skin"> <li id="s

javascript实现Email邮件显示与删除功能_javascript技巧

一.主要介绍: 这题采用之前的技术,根据table的rows属性,获得数组,然后对数组设置样式,所以颜色就出来了. 1).全选复选框,通过var nodess=document.getElementsByName("mail"); for(var x=0;x<nodess.length;x++){ nodess[x].checked=nodes.checked; } 复选框函数进行 2).按钮全选,反选,和取消全选,可以用一个函数写,传入不同的参数AllBybtn(num)类型即