`
xuil
  • 浏览: 11595 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

addClass/removeClass

 
阅读更多
      function _setClass(el, classname){
          el.className = classname;
      }
      
      function _hasClass(ele, cls){
          return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
      }
      
      function _addClass(ele, cls){
          if (!_hasClass(ele, cls)) 
              ele.className += " " + cls;
      }
      
      function _removeClass(ele, cls){
          if (_hasClass(ele, cls)) {
              var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
              ele.className = ele.className.replace(reg, ' ');
          }
      }
 
分享到:
评论

相关推荐

    Jquery、YUI、ExtJs 三大javascript框架表单验证带提示功能的demo

    同时,jQuery提供`$(element).addClass/removeClass()`来添加或移除类名,用于显示错误提示或者清除样式。例如,当验证失败时,可以增加一个表示错误的CSS类,改变边框颜色或者显示错误消息。 **YUI(Yahoo! User ...

    原生js实现addClass,removeClass,hasClass方法

    主要介绍了原生js实现addClass,removeClass,hasClass方法和使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能,需要的朋友可以参考下

    js网页点击右键菜单代码.zip

    结合jQuery库,可以更方便地控制DOM操作,如添加/移除类(addClass/removeClass)、动画效果(fadeIn/fadeOut)等。例如,使用jQuery来控制菜单的显示与隐藏: ```javascript $(document).on('contextmenu', ...

    JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例

    总的来说,jQuery的`addClass`、`removeClass`和`toggleClass`提供了强大的灵活性,使得开发者能够轻松地控制元素的CSS类,增强用户体验,提高网页的互动性。熟练掌握这些方法对于提升jQuery编程能力至关重要。

    sam:使用 jquery 管理 AMCSS 的短库

    创建一个 js 来包装 jquery 并覆盖一些方法,例如 addClass / removeClass / hasClass用例SAM('am-button') === $('[am-button=""]') SAM('am-button *=small') === $('[am-button *="small"]') SAM('am-Button *=...

    俄罗斯方块 Tetris JavaScript

    例如,使用`$(selector).addClass/removeClass()`方法改变方块的状态,使用`$.ajax()`进行数据通信,或者使用`$(document).on('click', function() {...})`监听用户交互。 JavaScript是实现游戏逻辑的核心,它控制...

    最简化的12种jquery特效

    11. **CSS类的切换(addClass/removeClass/toggleClass)** - `addClass()`和`removeClass()`分别用于添加和移除元素的CSS类,而`toggleClass()`会根据当前是否存在该类来添加或移除。 12. **动画组合(.stop())*...

    jquery 1.5 到2.13 全套

    - Class操作改进:新增了addClass/removeClass/toggleClass方法,使类操作更加灵活。 3. jQuery 1.7:事件处理与模块化 - on()方法:统一了事件绑定,取代了bind、live和delegate,提高了代码的可维护性。 - ...

    CSS3实现3D分页导航按钮.zip

    在这个3D分页导航中,jQuery可以用来优化代码,例如使用`$(selector).click(function() {...})`来处理点击事件,`$(selector).addClass/removeClass`来切换类名,以及`$.fn.animate`来创建自定义动画效果。...

    jQuery环形图标菜单旋转切换特效.zip

    2. **DOM操作**:通过`$(selector).addClass/removeClass()`添加或移除类名,控制选中状态。这通常与CSS的伪类如`:hover`, `:active`结合,实现动态的视觉反馈。 3. **动画**:jQuery的`.animate()`方法可以创建...

    jquery+css3网页日历签到插件

    jQuery方法如`$(document).ready()`用于确保DOM加载完毕后再执行脚本,`click`事件监听用户的点击行为,`addClass/removeClass`改变元素的样式来表示签到状态。 4. **图片资源**:`images`目录中可能包含日历相关的...

    jQuery实现企业开户资质表单验证图片上传特效.zip

    - 使用`addClass/removeClass`添加或移除CSS类,配合CSS3过渡和动画,实现更复杂的视觉效果。 5. **文件上传组件**: - 为了提高用户体验,通常会使用自定义的上传组件,比如多文件选择、进度条显示、取消上传等...

    jquery右侧悬浮层菜单.rar

    - `$(element).addClass/removeClass()`:添加或移除CSS类,用于控制菜单的可见性和样式。 - `$(window).scrollTop()`:获取当前滚动条的位置,以确定何时触发显示或隐藏菜单的逻辑。 - `$(element).show/hide()`:...

    jQuery随输入内容变化的表单代码.zip

    3. JavaScript文件:主要使用jQuery编写,监听用户的输入事件,如`keyup`或`input`,当检测到输入内容变化时,计算新的输入框长度,并使用CSS的`style`属性或`addClass/removeClass`方法来改变输入框的大小。...

    多种CSS3弹出窗效果源码

    这些事件处理可以通过添加类名(addClass/removeClass)或者改变CSS属性来实现。 6. **自定义样式** 源码中的弹出窗样式可以根据需要进行调整,改变背景色、边框、字体等,以匹配网站的整体设计风格。 7. **用户...

    jQuery扑克牌翻牌配对消除游戏

    在点击事件处理函数中,开发者会使用jQuery的`.data()`方法存储牌的状态(已翻开或未翻开),并用`.toggle()`或`.addClass/removeClass()`来改变牌的显示效果。 4. **事件处理**:jQuery的`.on()`方法用于绑定点击...

    jquery自动缩放菜单.zip

    也可以使用`toggleClass()`或`addClass/removeClass`方法结合CSS类来实现动画。 5. **优化和调试**:确保在不同设备和浏览器上的兼容性,优化性能,例如,可以通过节流(throttle)或防抖(debounce)函数来防止...

    js表单验证

    可以使用`$.each()`遍历表单元素,`$(selector).val()`获取值,`$(selector).addClass/removeClass()`改变样式,`$(selector).append/prepend()`添加提示信息。 **四、validator4.0库** 提到的`validator4.0`可能...

    仿QQ空间底部导航栏动画效果

    例如,可以通过`$(element).addClass/removeClass()`添加或移除样式类来控制动画的开始和结束。 3. **React/Vue/Angular**(前端框架):如果项目采用了这些现代前端框架,可以利用它们的组件化特性,创建一个底部...

    mootoolUI的各种控件

    - **样式操作**:`Element.setStyle`和`Element.getStyle`用于设置和获取元素的CSS样式,而`Element.addClass/removeClass/toggleClass`用于处理类名。 4. **Accordion控件** - Accordion组件允许在一个容器中...

Global site tag (gtag.js) - Google Analytics