jquery之hasClass
2014-01-04 17:01
288 查看
看jquery的在线手册,hasClass的例子给的是这个
html部分:
jquery部分:
照抄过来跑了下,怎么点都没有效果。
两个问题:
一、没给div设置样式
二、div没有left属性
最后代码:
然后阿姆斯特朗回旋加速喷气式阿姆斯特朗炮就成型啦
悲催,感觉这失误真低级......
PS:
不设置left也行,给个position,不论absolute、relative都行
html部分:
<div class="protected"></div><div></div>
jquery部分:
$("div").click(function(){ if ( $(this).hasClass("protected") ) $(this) .animate({ left: -10 }) .animate({ left: 10 }) .animate({ left: -10 }) .animate({ left: 10 }) .animate({ left: 0 }); });
照抄过来跑了下,怎么点都没有效果。
两个问题:
一、没给div设置样式
二、div没有left属性
最后代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>hasClass</title> <script type="text/javascript" src="jquery/jquery-1.10.2.min.js"></script> </head> <body> <div style="width:100px; height:100px; border:solid 1px #000;"></div> <div class="protected" style="height:100px; border:solid 1px #000; position:relative;left:100px;"></div> <div style="width:100px; height:100px; border:solid 1px #000;"></div> <script type="text/javascript"> $("div").click(function(){ if ( $(this).hasClass("protected") ){ $(this) .animate({ left: -100 }) .animate({ left: 100 }) .animate({ left: -100 }) .animate({ left: 100 }) .animate({ left: 0 });} }); </script> </body> </html>
然后阿姆斯特朗回旋加速喷气式阿姆斯特朗炮就成型啦
悲催,感觉这失误真低级......
PS:
不设置left也行,给个position,不论absolute、relative都行
相关文章推荐
- jquery hasClass、removeClass、addClass方法
- html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- jQuery中hasClass()方法用法实例
- 【转】jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- jquery hasClass()、is()
- jQuery源码分析之addClass,removeClass,toggleClass,hasClass详解四问
- JS实现jQuery的addClass, removeClass, hasClass函数功能
- jquery中hasClass()作用
- jquery hasClass、removeClass、addClass方法
- jQuery addClass removeClass toggleClass hasClass is(.class)用法
- jQuery源码解读之hasClass()方法分析
- [原创] jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jQuery:hasClass() 方法检查被选元素是否包含指定的 class;after()在某元素之后插入新元素
- jQuery源码解读之hasClass()方法分析
- 原生dom 模拟jquery hasclass
- jquery属性方法hasClass判断是否存在某个class
- jQuery 集合 过滤操作(eq filter hasClass is has map not slice)
- jquery hasClass()、is() 多个