点击的时候获取下当前位置
创新互联建站是一家专业提供满洲企业网站建设,专注与网站制作、网站设计、H5高端网站建设、小程序制作等业务。10年已为满洲众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
获取位置方法
clientX，clientY
screenX，screenY
具体例子看下
利用锚点可以实现页面跳转到指定位置，跳转地址是#002，下面的html的锚点设002
比如
lia href="#002"实景照片/a/li
div class="jxjs" style="margin-top:75px;"
div id="jxzp" class="wrap"
a name="002" id="002" class="maodian"/a
div class="jxxq-common-title"实景照片/div
/div
/div
$('td').click(function(){
$(this).parents('table:first').next().show()//显示当前TD的下一个DIV内容
.siblings('div').hide();//将其它DIV内容隐藏
});
$("td").click(function(){
//td的id
alert($(this).attr("id"));
//tr的id
alert($(this).parent().attr("id"));
});
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。
3、在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。
4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“切换内容”。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行func（）函数。
6、在js标签中，创建func()函数，在函数内，通过id(mytext)获得div对象，通过html()方法获得div内的文本内容，使用if语句判断获得的文字内容是否为指定的文本内容，如果不是，则通过html()方法改变文本内容。
div class="menu"
div class="menu-item active"菜单一/div
div class="menu-item"菜单二/div
div class="menu-item"菜单三/div
/div
div class="content"
div内容一/div
div class="hide"内容二/div
div class="hide"内容三/div
/div
script type="text/javascript" src="../js/jquery1.9.1.js"/script
script
$(function(){
$(".menu div").click(function(){
var t=$(this).index();
$(".menu div").each(function(i,e){
if(t==i){
$(e).addClass("active");
$(".content div").eq(i).removeClass("hide");
}else{
$(e).removeClass("active");
$(".content div").eq(i).addClass("hide");
}
});
});
});
/script
