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标签被点击;
使用button样式自定义,在button里写文案,a标签内容为空,样式无需控制;对button设置点击事件,然后将链接设置到a标签上;使用事件对a进行模拟点击,实际是点击a标签内的元素来触发;
提示:
$("#id")这是jquery获取通过juqery包装后的对象;
而$("#id")[0]是获取js原生的dom对象;
小打小闹,欢迎指正!