<!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都能点击得到效果
但在点击a标签时，只有js方法才能实现页面跳转，若使用jq，只能在a标签中包含一个元素，jq触发这个元素的点击事件，然后通过事件冒泡出发a标签实现跳转.
如果想jq想实现a标签（id="a2"）那个链接的跳转，还可以先给这个a标签添加一个子元素然后再点击通过冒泡实现调整
$('#a2').html('<span>cs</span>').children().click()
1118
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
