记录常用的jQuery写法,方便需要的时候查看。
1.菜单高亮样式切换
- var menuload = {
- //菜单高亮切换
- "menuHighLight" : function() {
- $("#menu ul li").bind("click" , function(){
- $(this)
- .addClass("active")
- .siblings()
- .removeClass("active");
- });
- }
- }
其中active是点击以后选中的样式,其他同胞节点都是去选中样式。
页面载入的时候加载:
- $(function(){
- menuload.menuHighLight();
- });
2.移除指定范围内的元素
- $(obj).parentsUntil("ul").remove();
以上事例移除obj和ul之间的标签元素,结合append使用。
3.each循环
- $("input[name='chk']:checkbox").each(function(){
- if($(this).attr("checked")){
- str += $(this).val()+",";
- }
- });
循环选中的checkbox,把他们的值拼接。
4.克隆clone元素,动态id
- function copyele() {
- var oa=[];
- $($("li[id^='li']")).each(function(){
- var val = $(this).attr('id').substring(2);
- oa.push(val);
- });
- oa.sort();//排序
- var maxid = oa[oa.length - 1];
- var nextid = maxid * 1 + 1;
- $('#my').append($('#li1').clone().attr("id","li" + nextid));
- }
|