如何用Jquery获取某一个Div的Class或者ID？
首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：<div id='id1' class='class2'></div>$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。$('#id1').attr('id')，就是获取到ID$('#id1').attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。
jQuery如何监听DIV的宽度变化而不是窗口的宽度变化？
你可以试试html5的API：MutationObserver，非常强大可以监控一切变动；
特性如下：
1、它等待所有脚本任务完成后，才会运行，即采用异步方式
2、它把DOM变动记录封装成一个数组进行处理，而不是一条条地个别处理DOM变动。
3、它即可以观察发生在DOM节点的所有变动，也可以观察某一类变动
详细说就是，事件是同步触发，也就是说DOM发生变动立刻会触发相应的事件；Mutation
Observer则是异步触发，DOM发生变动以后，并不会马上触发，而是要等到当前所有DOM操作都结束后才触发。
举例来说，如果在文档中连续插入1000个段落（p元素），会连续触发1000个插入事件，执行每个事件的回调函数，这很可能造成浏览器的卡顿；而Mutation
Observer完全不同，只在1000个段落都插入结束后才会触发，而且只触发一次。
当然，一般情况下没什么问题。
示例代码如下：
varcallback=function(records){
records.map(function(record){
console.log('变动type:'+record.type);
console.log('变动target:'+record.target);
});
};
varobser=newMutationObserver(callback);
varobj=document.getElementById('right_col_peck');
hz悬浮框怎么弄？
首先，需要在HTML文档中添加一个div标签，设置其position属性为fixed，然后设置其left、top、right、bottom属性，使其固定在页面的某个位置。
接着，在CSS中设置该div标签的宽度、高度、背景颜色、边框样式等属性，以及设置z-index属性，使其浮在页面元素的上方。
最后，可以使用JavaScript代码实现悬浮框的动态效果，如鼠标悬停时弹出内容、点击关闭等功能。需要注意的是，要兼容不同浏览器的显示效果，需要进行适当的兼容性处理。
要实现hz悬浮框，首先需要在页面中引入jQuery库和hz悬浮框的插件文件。
然后，在HTML中添加需要悬浮的元素，如按钮或图片，给它们添加class或id属性。
接下来，在JavaScript中初始化hz悬浮框，指定悬浮元素的选择器和悬浮框的样式、位置等参数，然后调用悬浮框的方法即可。可以通过修改参数来改变悬浮框的形态和行为，实现多样化的效果。