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()