jQuery中 prop() 和 attr() 方法的区别

$(function() {
      //1. element.prop("属性名") 获取元素固有的属性值
      console.log($("a").prop("href"));
      // 2. element.prop("属性名", "属性值") 设置固有的属性值
      $("a").prop("href", "https://www.jd.com");
      $('a').prop('title', '我们都挺好');
      // $('a').prop('data-index', 2);
      // $('div').prop('index');
      // 3. element.attr("属性名") 可以获取自定义属性和固有属性的值
      console.log($('div').attr('index'))
      console.log($('div').attr('data-index'))
      console.log($('a').attr('title'));
      $('a').attr('title', 'Good');
    })

prop() 、attr()的共同点：

都可以获取和设置元素对象自身的属性

prop() 、attr()的不同点：

prop()属性不可以设置、获取元素对象中的自定义属性，只可以设置、获取对象创建时自带的属性值，如title、href、src等等