当前位置: 编程技术>jquery
Jquery事件的链接式写法(示例)
来源: 互联网 发布时间：2014-09-03
本文导语: jquery中事件的链接写法，效果图如下： 例子： 代码示例: jquery事件的链接写法-http://www. .divFrame { width: 260px; border: solid 1px #666; ...
jquery中事件的链接写法，效果图如下：
例子：
代码示例:
jquery事件的链接写法-http://www.
.divFrame
{
width: 260px;
border: solid 1px #666;
font-size: 18px;
}
.divTitle
{
background-color: #eee;
padding: 5px;
}
.divContent
{
padding: 5px;
display: none;
}
.divCurrColor
{
background-color: Red;
}
$(function () {
$('.divTitle').click(function () {
$(this).addClass('divCurrColor').next('.divContent').css('display', 'block');
})
})
说明：当用户点击class为“divTitle”的元素时，增加名为“divCurrColor”的样式，同时显示名为“divContent”的元素，这两个功能的实现通过“.”符号链接在一起。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。