您好,登錄后才能下訂單哦!
這篇文章主要介紹“jquery如何控制a標簽跳轉”,在日常操作中,相信很多人在jquery如何控制a標簽跳轉問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jquery如何控制a標簽跳轉”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
jquery控制a標簽跳轉的方法:1、創建一個HTML示例文件;2、在a標簽中添加其它子標簽;3、觸發該子類標簽進行跳轉即可。
本文操作環境:windows7系統、jquery3.2.1版、DELL G3電腦
jquery 怎么控制a標簽跳轉?
使用jquery觸發a標簽跳轉
錯誤示例
<a href="http://www.baidu.com" target="_blank">baidu</a> // 直接是觸發click事件是無法跳轉的 $('a#toMain').trigger('click') ;
正確示例
// 如果要用jquery觸發進行跳轉,那么a標簽中【必須要有其它子標簽】,然后觸發該子類標簽才能進行跳轉 <a href="http://www.baidu.com" target="_blank"> <p>baidu</p> // 要有子標簽 </a> // 這里觸發的是a標簽中的p標簽 $('a#toMain>p').trigger('click') ;
JavaScript給url網址進行encode編碼,使用encodeURIComponent即可
var myUrl = 'http://www.baidu.com'; var myOtherUrl = "http://www.jb51.net/index.html?url="+encodeURIComponent(myUrl);
到此,關于“jquery如何控制a標簽跳轉”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。