博客

html代码：

<button id="cLink">pdf查看</button>
<a target='_blank' href="#" id="jumpUrl"><span id="jumpClick" ></span></a>

js代码：

$(function(){
    $('#cLink').click(function(){
        $('#jumpUrl').attr('href',"/xxxx.pdf");
        $('#jumpClick')[0].click();
    });

});

实现方法：使用点击事件模拟a标签被点击；

1. 使用button样式自定义，在button里写文案，a标签内容为空，样式无需控制；
2. 对button设置点击事件，然后将链接设置到a标签上；
3. 
   使用事件对a进行模拟点击，实际是点击a标签内的元素来触发
   
   ；

提示：

$(“#id”)这是jquery获取通过juqery包装后的对象；

而$(“#id”)[0]是获取js原生的dom对象；

小打小闹，欢迎指正！