JS中的这串代码是什么意思

$('.pd').on('click','a',function(){
    var _this=$(this)
  }）

我换成这样就不能使了
$('.pd a').on('click',function(){
var _this=$(this)
}）

$('.pd a').on(..) 这种方式是普通的事件绑定，意思是将事件绑定在当前 .pd下 已拥有的a标签上，你的a标签是动态插入的，页面在初始渲染时，a标签并没有被插入到dom里，所以此时 $('.pd a').on(..) 表示绑定了个寂寞 。
$('.pd').on('click', 'a', function(){...}) 这种的写法叫做 事件委托 ，它的意思是先点击 .pd 标签 ，然后检测 .pd 标签下是否有 a 标签，如果有，就会将事件挨个绑定在 .pd 下 的a标签中

找到class（类名）为pd的元素，给a标签绑定一个点击事件

就是给a标签绑定点击事件

就是a标签的点击事件，这样写的原因是append 标签，页面加载完之后点击这个不起作用 找不到这个标签，$('.pd')是你原本页面的已经存在的，on是关键字，'click'是点击事件也可以是其他的，'a' 是你追加的元素(append)。标签有个跳转，你用append其他元素效果更明显