学习笔记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")来获得数据。