如何使用jquery监听dom下某个元素触发得事情

$('element').on('click',function(){

/*获取该元素*/

console.log($(this))

alert('click')

})

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

基本语法：

$(selector).on(event,childSelector,data,function,map)

实例：

$("p").on("click",function(){

alert("The paragraph was clicked.")

})

jQuery 判断一个元素是显示还是隐藏， jQuery 使用 is() 的方法来判断一个元素是否显示，反之，则为隐藏，jQuery 判断是否显示，jQuery 判断是否隐藏，jQuery 判断是否可见。判断一个元素是否显示，可以使用 jQuery 中的 is() 方法来实现。JS 代码：假设这个 div 元素的 id 为 mydiv 。以下为引用内容： $(document).ready(function(){

if($("#mydiv").is(":visible")==false){

})以上代码可以很好地判断 div 、input 、button 等元素的显示与隐藏。

jquery 默认的resize只能监听到浏览器窗口大小的改变，但我们在实际使用过程中有可能还需要监听某个div或其它标签的大小改变来执行相应的处理，如果使用默认的resize就无能为力了。怎么办呢，这里给大家推荐一个jquery的小插件，相当于是对默认的resize事件的增强版本jquery 默认的resize只能监听到浏览器窗口大小的改变，但我们在实际使用过程中有可能还需要监听某个div或其它标签的大小改变来执行相应的处理，如果使用默认的resize就无能为力了。怎么办呢，这里给大家推荐一个jquery的小插件，相当于是对默认的resize事件的增强版本，它可以监听几乎所有标签的大小改变来做相应的处理。 内容来自零度科技将以下代码复制到你的js文件中

(function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow"e[b]=250e[f]=true$.event.special[j]={setup:function(){if(!e[f]&&this[k]){return false}var l=$(this)a=a.add(l)$.data(this,d,{w:l.width(),h:l.height()})if(a.length===1){g()}},teardown:function(){if(!e[f]&&this[k]){return false}var l=$(this)a=a.not(l)l.removeData(d)if(!a.length){clearTimeout(i)}},add:function(l){if(!e[f]&&this[k]){return false}var nfunction m(s,o,p){var q=$(this),r=$.data(this,d)r.w=o!==c?o:q.width()r.h=p!==c?p:q.height()n.apply(this,arguments)}if($.isFunction(l)){n=lreturn m}else{n=l.handlerl.handler=m}}}function g(){i=h[k](function(){a.each(function(){var n=$(this),m=n.width(),l=n.height(),o=$.data(this,d)if(m!==o.w||l!==o.h){n.trigger(j,[o.w=m,o.h=l])}})g()},e[b])}})(jQuery,this)在代码里面我们可以直接使用 $("#div").resize(function(){...})来实现监听 id为div元素的尺寸改变时做相应的逻辑处理。

---