jq 监听属性的隐藏显示
时间: 2024-09-29 19:01:38 浏览: 26
jQuery实现页面滚动时顶部导航显示或者隐藏
`jq` 是一种轻量级的 JavaScript 插件库,它主要用于简化 jQuery 的使用,并提供更多的功能。如果你想用 `jq` 来监听 HTML 属性的变化,特别是元素的 `hidden` 或 `display` 属性,你可以使用它的事件系统。
例如,如果你想要当一个元素的 `hidden` 属性变为 `true`(即元素被隐藏)时触发某个函数,可以这样做:
```javascript
$(selector).on('change:hidden', function() {
// 当 hidden 属性改变时,这里会执行你的处理代码
console.log('Element is now hidden.');
});
```
如果你想监听 `display` 属性,也同样可以使用事件绑定:
```javascript
$(selector).on('change:display', function() {
var display = $(this).css('display');
if (display === 'none') {
console.log('Element is now hidden.');
} else if (display !== '') {
console.log('Element is now visible.');
}
});
```
在这个例子中,`selector` 应替换为你想要监控的元素的选择器。
阅读全文