<a id="toa" href="#">这是图片</a>
<p id="tob"><a href="1.html">这是文字</a></p>
我想点击图片的时候,同时触发下面这个链接点击事件,跳转到另个页面,用JQ实现上述代码应该怎么办?
Jquery触发某个链接点击事件可以参考下面的代码:
$(document).ready(function (){
$("#tob").click(function (){
window.location.href = 'x.html';
});
});
扩展资料:
Jquery参考函数
$(“p”).addClass(css中定义的样式类型); 给某个元素添加样式
$(“img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map
$(“img”).attr(“src”,”test.jpg”); 给某个元素添加属性/值
$(“img”).attr(“title”, function() { return this.src }); 给某个元素添加属性/值
$(“元素名称”).removeAttr(“属性名称”); 给某元素删除指定的属性以及该属性的值
参考资料来源:百度百科-jQuery
$(document).ready(function(){//当所有的DOM树加载完后执行这里的
代码
。$('#toa').click(){//当id为toa的标签获取到单击
事件
的时候window.location.href=URL;跳转
页面
,url=你要跳转的URL}})
$(function() { // 页面装载执行
$("#toa").click(function(){ // 为ID为toa的标签绑定click事件
$("#tob").click(); // 触发ID为tob标签的click事件
});
});
在jquery里面,为一个元素绑定一个事件,首先要用选择器选择这个元素,然后加上click方法,方法的参数是一个function,就是click后要执行的function。
而要触发一个事件,就使用不带参数的click方法。(这句代码我也没试过,看API上是这么说的,如果不行的话,可以更改为原始js触发事件的代码)
$(document).ready(function (){
$("#tob").click(function (){
window.location.href = 'x.html';
});
});
$(function() {
$("#toa").click(function(){
window.location.href="1.html";
});
});