学习笔记6

我们想要页面实现交互功能，就需要使用jquery的一些事件。通过监听某个DOM元素，当它的事件被触发时就会执行事先写好的function。jquery有许多事件，最常见的就是单击事件了。我们经常可以在页面中点击某个按钮后，会产生一些操作。jquery很轻松就可以做到，首先我们选择按钮，然后通过on方法给按钮添加事件，以及事件处理函数。代码如下：
$("button").on("click",function(){
//run this function on click
})这里会给所有的button都添加一个单击事件，当我们新添加一个按钮时，我们并不想要有这样的功能，所以我们需要该成在指定的地方的按钮才有这样的功能，代码可以该成如下：
$("#destination").on("click","button",function(){
//run this function on click the button in #destination
})
有时我们需要移除或在某些地方添加元素，可是页面有多个相同的元素或使用了相同的类，这时我们需要使用$(this)来指代当前对象，这与java中的this使用类似。有时候我们需要快速定位最接近的匹配元素，这是可以使用closest()方法。另外有时我们想要在元素中添加数据属性，这是jquery中可以使用data-fieldName来保存数据，然后获取数据时使用data("fieldName")来获得数据。