js腳本執行click事件

時間 2019-11-07

原文原文鏈接

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button id="cs">click me</button>

	<button id="cs2" onclick="console.log(456789);">click me</button>

	<a id="a1" href="http://www.baidu.com"><span>跳轉網址(jq能夠跳轉)</span></a>

	<a id="a2" href="http://www.baidu.com">跳轉網址(jq不能夠跳轉)</a>
</body>
<script src="./jquery-1.12.1.min.js"></script>
<script>
	var bObj = document.getElementById("cs");
	function show(){
		console.log(123456);
	}
	bObj.addEventListener("click",show);
	bObj.click();

	// 實現點擊按鈕執行click
	// var bObj1 = document.getElementById("cs");
	// bObj1.click();
	// jq實現點擊$('a').click();
</script>
</html>

在點擊button時，使用js或jq都能點擊獲得效果javascript

但在點擊a標籤時，只有js方法才能實現頁面跳轉，若使用jq，只能在a標籤中包含一個元素，jq觸發這個元素的點擊事件，而後經過事件冒泡出發a標籤實現跳轉.html

若是想jq想實現a標籤（id="a2"）那個連接的跳轉，還能夠先給這個a標籤添加一個子元素而後再點擊經過冒泡實現調整java

$('#a2').html('<span>cs</span>').children().click()

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。