jquery之hasClass

看jquery的在线手册，hasClass的例子给的是这个

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都行

转载于:https://www.cnblogs.com/canrz/p/3505052.html

jquery之hasClass相关推荐

Jquery筛选hasclass（）的方法
Hasclass():检查当前元素是否含有某个特定的类,如果有,则返回true值. 第一步先创建一个div,给这个div添加一个类 <div class="protected" ...
jQuery筛选--hasClass(class)和eq(index|-index)
hasClass(class) 概述检查当前的元素是否含有某个特定的类,如果有,则返回true 参数 class 用于匹配的类名 <!DOCTYPE html> <html> ...
JQuery使用hasClass动态判断加载样式
.click-on{color: #00C6ED; } .click-off{color: #90C1D6; } <div class="top-btn click-off" ...
jquery中hasClass()作用
hasClass(): $("button").click(function(){ alert($("p:first").hasClass("intr ...
jquery中hasClass和removeClass
hasClass("per")方法可判断是否具有per类 removeClass("per") 移除所有的per类
jquery中用.is和.hasClass检查元素类名
在jQuery中,我们可以使用两种方法来检查一个元素是否具有某些类名,这两种方法都具有相同的功能. .hasClass("className"):有关.hasClass()方法可以 ...
李南江php,jQuery中is和hasClass的用法
.hasClass("className"):有关.hasClass()方法可以查阅jQuery API--hasClass() .is(".className" ...
JQuery中is和hasClass的用法
在jQuery中,我们可以使用两种方法来检查一个元素是否具有某些类名,这两种方法都具有相同的功能. .hasClass("className"):有关.hasClass()方法可以 ...
php 顶踩,php和jQuery实现文章页【顶】和【踩】的功能
第一次来这里发代码,自己写的代码,一直以来都是自学,从来没人理我.. 分享学习,大家给点意见 .感谢. 还有这里不能发图? 更详细:http://shanmao.me/?p=1225 1.[代码]前端 ...
如何使用jquery判断一个元素是否含有一个指定的类（class）
如何使用jquery判断一个元素是否含有一个指定的类(class) 一.总结一句话总结:可以用hasClass方法(专用)和is方法 1.is(expr|obj|ele|fn)的方法几个参数表示什么 ...

jquery之hasClass

jquery之hasClass相关推荐

最新文章

热门文章