在使用jquery動態生成元素的時候,可能會遇到需要選中這些動態生成的元素的情況。下面我們將介紹如何使用jquery選中動態生成元素。
// 1. 使用on()方法 $(document).on('click', '.dynamic-element', function(){ $(this).addClass('selected'); }); // 2. 使用delegate()方法 $('body').delegate('.dynamic-element', 'click', function(){ $(this).addClass('selected'); }); // 3. 使用live()方法 $('.dynamic-element').live('click', function(){ $(this).addClass('selected'); });
以上三種方法都可以實現選中動態生成元素的效果。其中,on()方法是jquery 1.7版本之后新加的方法,它可以代替原有的live()和delegate()方法。而delegate()方法是在jquery 1.4.2版本中添加的,它可以實現事件代理,可以監聽動態生成的元素。而live()方法在jquery 1.7版本之前是最常用的選中動態生成元素的方法。
無論使用哪種方法,最終的目的都是為了選中動態生成的元素,以便我們對它們進行操作。隨著jquery的不斷發展,相信會有更多更好的方法來選中動態生成的元素。
上一篇css常遇到的問題