要学习新知识了prototype
先贴下手册地址:[url]http://prototypejs.org/doc/latest/[/url]
中文版:[url]http://blog.51yip.com/manual/prototype/[/url]
我应该很开心,尽管他跟jquery的思想相去甚远,开始学吧,优秀的东西也就那么点
刚才看到一个很牛的观点:在选择到底是学习jQuery和prototype时,之所以选择prototype,是因为prototype比jQuery复杂,人家不想学习简单的,果然是牛人。
不过,对于我来说,是先学习jquery的,现在回过头去学prototype,发现真的不够方便,比较我目前仅仅想使用类选择器实现折叠效果,就花了近3个小时。
不过由于查了不少资料,并亲自实践,慢慢觉得prototype没有那么晦涩难懂了。
其实prototype并不是想象中的那么难,直接看代码吧
先贴下手册地址:[url]http://prototypejs.org/doc/latest/[/url]
中文版:[url]http://blog.51yip.com/manual/prototype/[/url]
我应该很开心,尽管他跟jquery的思想相去甚远,开始学吧,优秀的东西也就那么点
刚才看到一个很牛的观点:在选择到底是学习jQuery和prototype时,之所以选择prototype,是因为prototype比jQuery复杂,人家不想学习简单的,果然是牛人。
不过,对于我来说,是先学习jquery的,现在回过头去学prototype,发现真的不够方便,比较我目前仅仅想使用类选择器实现折叠效果,就花了近3个小时。
不过由于查了不少资料,并亲自实践,慢慢觉得prototype没有那么晦涩难懂了。
其实prototype并不是想象中的那么难,直接看代码吧
<!-- prototype-1.7.js文件下载,详见附件-->
<script type="text/javascript" src="prototype-1.7.js"></script>
<script type="text/javascript">
function show1(){
var _self = arguments[0];
var _ancestors = $(_self).ancestors();
var _parent = _ancestors[0];//祖先顺序:先内后外
var _next = $(_parent).next();
$(_next).toggleClassName('hide');
if($(_self).innerHTML=="展开"){
$(_self).innerHTML = "关闭";
}else if($(_self).innerHTML=="关闭"){
$(_self).innerHTML="展开";
}
}
</script>
<style type="text/css">
.hide{display:none;}
</style>
<div><a href="#" onclick="show1(this)">展开</a></div>
<div class="hide">hahahahah1</div>
<div><a href="#" onclick="show1(this)">展开</a></div>
<div class="hide">hahahahah2</div>
<div><a href="#" onclick="show1(this)">展开</a></div>
<div class="hide">hahahahah3</div>