真正的神器！教你使用jquery点击让父元素消失

真正的神器！教你使用jquery点击让父元素消失
入门必知：jquery点击事件
在进行jquery点击事件前，我们需要先了解一下jquery点击事件的基础知识。jquery的点击事件可以通过.on()或.click()方法来实现。 基本用法如下：
```
$('selector').on('click', function(){
//你的代码
});
或者
$('selector').click(function(){
//你的代码
});
```
点击父元素消失的magic trick
首先，我们需要开发一个父元素，以及一个子元素。在子元素中，我们加入一个元素用来绑定点击事件。然后，我们通过jquery父元素的事件监听，实现点击父元素时子元素消失的效果。具体代码如下：
```

```
小技巧：适用于动态生成元素
上面的方法适用于静态生成的元素结构，那么对于动态生成的元素有没有办法呢？答案是肯定的。我们可以用到以下方法：
```
$(document).on('click', '.parent', function(){
$('.child').hide();
});
```
得益于jquery的事件代理特性，我们可以通过document监听到它下面的所有元素，并且在点击事件中进行目标元素的筛选。
总结
使用jquery点击让父元素消失是一种非常实用的技巧。现在你知道该如何实现自己的需求了吗？如果还有疑问，可以到jquery官网查找更多信息。