数码资讯
jQuery中悬停方法和切换方法的使用指南
jQuery提供一定的方法(如:切换)将两个事件的影响,如鼠标悬停、怪、Keyup、KeyDown,等等 1、悬停功能 悬停(超越)一种模仿悬停事件的方法(鼠标移动到对象并移出对象)。这是一种自定义方法,该方法提供了将经常使用的任务保存在其中的状态。 参数: 超过(函数):将鼠标移动到元素上触发的函
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery提供一定的方法(如:切换)将两个事件的影响,如鼠标悬停、怪、Keyup、KeyDown,等等
1、悬停功能
悬停(超越)一种模仿悬停事件的方法(鼠标移动到对象并移出对象)。这是一种自定义方法,该方法提供了将经常使用的任务保存在其中的状态。
参数:
超过(函数):将鼠标移动到元素上触发的函数。
退出(函数):鼠标移出元素触发的函数。
复制代码代码如下所示:
$(函数(){())
$(#面板H5。头)。Hover(function(){)
$(下)。
}函数(){()
$(这个)。
})
})
2、切换功能
切换(FN,FN)开关函数来调用你的每一次点击。如果一个匹配的元素被点击时,指定的第一个函数被触发,当同一元素再次单击,指定第二触发功能。每次点击重复两函数的旋转。你可以使用绑定(单击删除)。
复制代码代码如下所示:
$(函数(){())
$(#面板H5。头)。Toggle(function(){)
$(this)。
}函数(){()
$(下)。
})
})
切换()方法切换元素的可见状态。
如果选中的元素可见,则隐藏这些元素,如果选中的元素被隐藏,则显示这些元素。
如果所选元素可见,则隐藏这些元素,如果所选元素已隐藏,则显示这些元素。
所以上面的代码也可以写成:
复制代码代码如下所示:
$(函数(){())
$(#面板H5。头)。Toggle(function(){)
$(这个)。下一步。(Toggle);
}函数(){()
$(这个)。下一步。(Toggle);
})
})
$(函数(){)
$(#面板H5。头)。Click(function(){)
$(这个)。下一步。(Toggle);
})
**)
您还可以添加一些CSS样式:
复制代码代码如下所示:
.highlight{background:#FF3300;}
$(函数(){())
$(#面板H5。头(。切换)(功能){ / / CSS样式的使用
$(这)。AddClass(亮点);
$(这个);
}函数(){()
$(这)。RemoveClass(亮点);
$(这个);
});
})
合作伙伴是否对jQuery中常见的悬停事件和切换事件有了新的了解,我希望本文能给您一些帮助。
1、悬停功能
悬停(超越)一种模仿悬停事件的方法(鼠标移动到对象并移出对象)。这是一种自定义方法,该方法提供了将经常使用的任务保存在其中的状态。
参数:
超过(函数):将鼠标移动到元素上触发的函数。
退出(函数):鼠标移出元素触发的函数。
复制代码代码如下所示:
$(函数(){())
$(#面板H5。头)。Hover(function(){)
$(下)。
}函数(){()
$(这个)。
})
})
2、切换功能
切换(FN,FN)开关函数来调用你的每一次点击。如果一个匹配的元素被点击时,指定的第一个函数被触发,当同一元素再次单击,指定第二触发功能。每次点击重复两函数的旋转。你可以使用绑定(单击删除)。
复制代码代码如下所示:
$(函数(){())
$(#面板H5。头)。Toggle(function(){)
$(this)。
}函数(){()
$(下)。
})
})
切换()方法切换元素的可见状态。
如果选中的元素可见,则隐藏这些元素,如果选中的元素被隐藏,则显示这些元素。
如果所选元素可见,则隐藏这些元素,如果所选元素已隐藏,则显示这些元素。
所以上面的代码也可以写成:
复制代码代码如下所示:
$(函数(){())
$(#面板H5。头)。Toggle(function(){)
$(这个)。下一步。(Toggle);
}函数(){()
$(这个)。下一步。(Toggle);
})
})
$(函数(){)
$(#面板H5。头)。Click(function(){)
$(这个)。下一步。(Toggle);
})
**)
您还可以添加一些CSS样式:
复制代码代码如下所示:
.highlight{background:#FF3300;}
$(函数(){())
$(#面板H5。头(。切换)(功能){ / / CSS样式的使用
$(这)。AddClass(亮点);
$(这个);
}函数(){()
$(这)。RemoveClass(亮点);
$(这个);
});
})
合作伙伴是否对jQuery中常见的悬停事件和切换事件有了新的了解,我希望本文能给您一些帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。