一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Jquery遍历元素更改class属性

时间:2013-06-24 编辑:简简单单 来源:一聚教程网

js实例

 代码如下 复制代码







 

实现jq遍历元素更改class属性的原生js写法


 

实现效果:点击当前项添加class名:active,其它同级项移除该class名


 

实现原理:设置一变量(实例是num)用于记录当前点击项的所在索引值,当发生点击事件时先去掉原先记录到索引值对应项的class名,再为当前点击项添加class名!关键是点击项所在索引值的记录!






 

 JQuery遍历1:CssClass遍历元素
将所有的checkbox设置为未选中,采用遍历的方法来完成
控件如下

 代码如下 复制代码

导购/促销
收银员
 店长          

  


JQUERY代码如下:


jobPostaJoblistSelected是checkbox被选中时的css

stopDefault函数用于中止默认的事件响应

 代码如下 复制代码

 $("#ClearPosition").each(function(i) {
              $(this).click(function(e) {
                  $("input[class*='jobPostaJoblist']").each(function(i) {
                      $(this).attr("checked", false);
                      $(this).next().removeClass("jobPostaJoblistSelected");
                  });
                  return stopDefault(e);
              });
          });


          function stopDefault(e) {
              if (e && e.preventDefault) {
                  e.preventDefault();
              } else {
                  window.event.returnValue = false;
              }
              return false;
          }

热门栏目