jQuery hover事件 parent和parents
来源:互联网 发布:手机熊族软件 编辑:程序博客网 时间:2024/05/21 06:46
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。
参数 :
over (Function) : 鼠标移到元素上要触发的函数
out (Function): 鼠标移出元素要触发的函数
示例 :
鼠标悬停的表格加上特定的类
jQuery 代码:
$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
Jquery的parent和parents(找到某一特定的祖先元素)
关于Jquery的parent和parents
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。
- <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $("#btn1").click(function(){
- alert($(this).parent().next().html());
- });
- });
- </script>
- </head>
- <body>
- <table>
- <tr>
- <td><input id="btn1" class="btn" type="button" value="test"/></td>
- <td>some text</td>
- </tr>
- </table>
- ....
- this.parent()是input前面的td
- this.parent().parent()获取的是tr
- this.parent().parent().parent()获取的是table
- this.parent().next()获取的是td相临的td
另例子中:
<div><p>Hello</p><p>Hello</p></div>
$("p").parent() 得到的是:<div><p>Hello</p><p>Hello</p></div>对象,因为p标签的父标签是div.
- jQuery hover事件 parent和parents
- Jquery的parent和parents
- jquery .parents()和.parent() 方法
- jQuery parents和parent区别
- 关于Jquery的parent和parents
- jquery parent和parents得区别
- Jquery的parent()和parents()的bug?
- 关于Jquery的parent和parents
- jquery parent和parents的区别分析
- jquery 返回上级 parent、parents和parentsUntil
- jquery中parent和parents的运用
- jquery .parents(), .parent() 和 closest()方法
- 关于Jquery的parent和parents
- jQuery 之 parent、parents 和 closest 方法
- jquery中的parent和parents方法
- jquery的parent和parents方法区别
- jquery parent()和parents()的区别
- jquery parent和parents的区别
- SDN驱动云数据中心的发展
- maven的jar包的查询地址
- git 修改远程仓库 remote origin
- IOS 判断应用版本和升级提示
- Eclipse常用配置
- jQuery hover事件 parent和parents
- 浅谈msp430f5529入门(3)——定时器A/Timer_A
- 寒城攻略:Listo 教你 25 天学会 Swift 语言 - 08 Functions
- android 通过uri启动Activity
- 拷贝构造函数与赋值运算符重载的区别
- 排序算法
- VBS学习日记(七) 重复操作
- PreparedStatement接口的常用方法及其描述
- Cookie/Session机制详解