jquery click()方法模擬點擊事件對a標簽不生效的解決辦法

閱讀數：8971

<a href="www.baidu.com"></a>

問題分析

點擊A標簽本身，並不會觸發跳轉到指定鏈接的事件，就是說，我們平時都是點擊的A標簽中的文字了。 所以要想用JS模擬點擊A標簽事件，就得先往A標簽中的文字添加能被JS捕獲的元素，然后再用JS模擬點擊該元素即可。 
打印$(“a”)[0]，得到的是http://www.baidu.com，但實際上$(“a”)[0]是一個object對象，或許說是DOM對象更貼切一些。

解決方案

解決方案一

document.getElementById("abc ").click();

使用原生DOM元素操作a標簽,調用原生click()方法;

解決方案二

 $("#abc ")[0].click();

將jquery對象轉換為原生DOM對象

總結

a標簽模擬點擊事件需要使用原生DOM元素調用click()方法;jquery對象無法調用,因此推薦在以后的開發中盡量使用原生DOM對象模擬點擊.