分享

jQuery常用典型功能写法

 她城他殇 2016-07-18
     记录常用的jQuery写法,方便需要的时候查看。
1.菜单高亮样式切换
Js代码  收藏代码
  1. var menuload = {  
  2.     //菜单高亮切换  
  3.     "menuHighLight" : function() {  
  4.         $("#menu ul li").bind("click" , function(){  
  5.             $(this)  
  6.             .addClass("active")  
  7.             .siblings()  
  8.             .removeClass("active");  
  9.         });  
  10.     }  
  11. }  

其中active是点击以后选中的样式,其他同胞节点都是去选中样式。
页面载入的时候加载:
Js代码  收藏代码
  1. $(function(){  
  2.     menuload.menuHighLight();  
  3. });  


2.移除指定范围内的元素
Js代码  收藏代码
  1. $(obj).parentsUntil("ul").remove();  

以上事例移除obj和ul之间的标签元素,结合append使用。

3.each循环
Js代码  收藏代码
  1. $("input[name='chk']:checkbox").each(function(){   
  2.         if($(this).attr("checked")){  
  3.             str += $(this).val()+",";  
  4.         }  
  5.     });  

循环选中的checkbox,把他们的值拼接。

4.克隆clone元素,动态id
Js代码  收藏代码
  1.  function copyele() {  
  2.     var oa=[];  
  3.     $($("li[id^='li']")).each(function(){  
  4.       var val = $(this).attr('id').substring(2);  
  5.           oa.push(val);  
  6.         });  
  7.     oa.sort();//排序  
  8.     var maxid = oa[oa.length - 1];  
  9.     var nextid = maxid * 1 + 1;  
  10.     $('#my').append($('#li1').clone().attr("id","li" + nextid));  
  11. }  

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多