+ -
当前位置:首页 → 问答吧 → 本人刚接触JQ不久,写了下列代码·被人鄙视说很恶心·特来赐教··

本人刚接触JQ不久,写了下列代码·被人鄙视说很恶心·特来赐教··

时间:2009-08-24

来源:互联网

复制代码
  1. function changClassName(id,name,type)
  2. {
  3.     var id,name,type;
  4.     $("#"+id).find(name).each(function(index){
  5.         $(this).bind(type,function(){
  6.             $("#"+id).find(name).removeClass();
  7.              $("#"+id).children("("+name+"):eq("+index+")").addClass("hover");    
  8.         });
  9.     });
  10. }

复制代码
  1. 使用方法:
  2. <span id="theName">
  3.                                     <a href="javascript://" class="hover">1</a>
  4.                                     <a href="javascript://">2</a>
  5.                                     <a href="javascript://">3</a>
  6.                                     <a href="javascript://">4</a>
  7.                                     <a href="javascript://">5</a>
  8.                                     <a href="javascript://">6</a>
  9.                                     <a href="javascript://">7</a>
  10.                                     <a href="javascript://">8</a>
  11.                                 </span>
  12. <script type="text/javascript">
  13. changClassName("theName","a","click");
  14. </script>

“hover”这里我还没有改成参数····

我写这个是因为项目里面有好几个地方需要根据鼠标事件来切换className 所以我就写了一个这样的函数··
可是被别人鄙视我写得很恶心···

特来请教一下··因为我刚接触· 请朋友们指点指点······谢谢··

作者: chiyuderen   发布时间: 2009-08-24

画蛇添足

作者: wsria.cn   发布时间: 2009-08-24

何解····~~~

作者: chiyuderen   发布时间: 2009-08-24

很简单的事情 非要套几个套套才舒服

作者: denuvead   发布时间: 2009-08-24

~~俄· 不好意思· 刚接触·
···

能否写个简单点的让我参考一下呢?

作者: chiyuderen   发布时间: 2009-08-24

复制代码
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.     $("#theName a").click(function(){
  4.         $(this).addClass("hover").siblings().removeClass("hover");
  5.     });
  6. });
  7. </script>

就可以了,一定要用函数调用的话就按照下面那样,个人觉得没有必要……

复制代码
  1. <script type="text/javascript">
  2. function changClassName(id,type)
  3. {
  4.     $(id).bind(type,function(){
  5.         $(this).addClass("hover").siblings().removeClass("hover");
  6.     });
  7. }
  8. $(document).ready(function(){
  9.     changClassName("#theName a","click");
  10. });
  11. </script>
[ 此帖被chenbincb在2009-08-24 16:42重新编辑 ]

作者: chenbincb   发布时间: 2009-08-24

的确画蛇添足

作者: 小j   发布时间: 2009-08-26

引用
引用第5楼chenbincb于2009-08-24 15:25发表的  :
[code]
<script type="text/javascript">
$(document).ready(function(){
    $("#theName a").click(function(){
        $(this).addClass("hover").siblings().removeClass("hover");
.......



非常感谢···我看懂了····················

作者: chiyuderen   发布时间: 2009-08-26