一、链接激活时传递参数

$("a").click(function(){
var obj=$(this).attr("field"); //获取当前field 参数值
alert(obj);
}); <ul>
<li><a href="#1"field="">第一段</li>
<li><a href="#2" field="">第二段</li>
</ul>

二、获取url参数值

 function getUrl(para) {
var paraArr = location.search.substring(1).split('&');
for (var i = 0; i < paraArr.length; i++) {
if (para == paraArr[i].split('=')[0]){
return paraArr[i].split('=')[1];}
}
return '';
} 参数url举例 index.php?id=101&regiionId=120000&long=103.36&lati=39.25
解析参数方法 var long=getUrl(long);

div的切换显示:

<style type="text/css">
ul { list-style-type:none;margin:;padding:;}
li { float:left;}
a:link,a:visited { display:block;width:120px;background-color:#e6e6e6;}
a:hover { background-color:#;}
a:active { background-color:red;}
</style>
<script>
$(document).ready(function(){
$("#type1").hide();
$("#type2").hide();
$("button").click(function(){
});
$("a").click(function(){
var obj=$(this).attr("field");
//重点
$(obj).show();
$(obj).siblings().hide();

});
});
</script>
</head> <body>
<div>
<ul>
<li><a href="#1"field="#type1">第一段</li>
<li><a href="#2" field="#type2">第二段</li>
</ul> <div>
<div id="type1" style="height:400px;background-color:red; ">hello wo shi yi </div>
<div id="type2" style="height:400px;background-color:blue;">er </div><br/>
</div>
<button>点我</button>
<a id="test" href="http://#">首页</a>
</div>
</body> </html>

jquery 当前链接激活传递参数|div的切换显示的更多相关文章

  1. jquery引用方法时传递参数

    经常到网上去下载大牛们写的js插件.每次只需将js引用并设置下变量就行了,但一直没搞明白原理(主要是大牛们的代码太简练了-,-). 这次弄清了如何传递.设置多个(很多个)参数. 如 方法为functi ...

  2. JQuery 绑定事件时传递参数的实现方法

    如题,比如我想在$(":text").bind("keyup",funcionName);将当前的文本框作为参数传递给 functionName所代表的函数,应 ...

  3. Jquery获取链接请求的参数

    比如有一个链接:https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000,先定义方法: //获取url中的参数 function ge ...

  4. 图表,列表在同一DIV里切换显示()

    JS: function changeTable(){ $(".countTable").slideDown(); $(".countChart").css(& ...

  5. Spring MVC(十)--通过表单序列化传递参数

    通过表单序列化传递参数就是将表单数据转化成字符串传递到后台,序列化之后参数请求变成这种模式param1=value1&&param2=value2,下面用代码实现. 1.创建表单 &l ...

  6. Spring MVC(六)--通过URL传递参数

    URL传递参数时,格式是类似这样的,/param/urlParam/4/test,其中4和test都是参数,这就是所谓的Restful风格,Spring MVC中通过注解@RequestMapping ...

  7. jQuery事件之传递参数

    一.jQuery绑定事件的三种方法 我们这里首先复习一下jQuery绑定事件的三种方法: target.click(function(){}); target.on("click" ...

  8. Html网页使用jQuery传递参数并获取Web API的数据

    昨天Insus.NET有开始学习Web API,<ASP.NET MVC的Web Api的实练>http://www.cnblogs.com/insus/p/4334316.html .其 ...

  9. jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等(二)

    Index.cshtml <!-- Start of second page --> <section data-role="page" id="bar ...

随机推荐

  1. dom core,html dom,css dom,jquery 中的dom操作

    前端开发中为达到某种目的,往往有很多方法:dom core,html dom,jquery; dom core/jquery主要通过函数调用的方式(getAttribute("属性名&quo ...

  2. iOS UITableView的分割线短15像素,移动到最左边的方法(iOS8)

    有好几个朋友问我ios 分割线端了一些 如何解决,于是我就写一篇博客吧.为什么我说是少了15像素呢?首先我们拖拽一个默认的tableview 控件! 看下xcode5 面板的inspector(检查器 ...

  3. json在action,$.ajax{}中的使用

    首先需导入包:ezmorph-1.0.4.jar Action中的调用的方法: public void getObject(){  try {   if(cname!=null&& ! ...

  4. The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation. 怎么解决

    cd 文件 pod install --no-repo-update 就可以了

  5. window.cookie

    本地测试cookie用火狐来测试 首先cookie是document上的一个属性. 先弹出一个cookie alert(document.cookie); //弹出是空的 设置cookie,格式是有一 ...

  6. ORACLE数据库创建用户名和表空间

    [sql] /*第1步:登录  */  以sys/sys超级用户登录pl/sql      /*第2步:创建临时表空间  */  create temporary tablespace user_te ...

  7. javaIO整理

    写在前面:本文章基本覆盖了java IO的全部内容,java新IO没有涉及,因为我想和这个分开,以突出那个的重要性,新IO哪一篇文章还没有开始写,估计很快就能和大家见面.照旧,文章依旧以例子为主,因为 ...

  8. Ajax 核心函数

    今天刚刚了解了Ajax的一个核心函数,由于对javascript还没有系统的学习,目前还没有深入研究Ajax.但是在运用此函数的同时也发现了一些问题--编码问题.这样在后台接收到的URL参数若果有汉字 ...

  9. PHP内核探索:哈希碰撞攻击是什么?

    最近哈希表碰撞攻击(Hashtable collisions as DOS attack)的话题不断被提起,各种语言纷纷中招.本文结合PHP内核源码,聊一聊这种攻击的原理及实现. 哈希表碰撞攻击的基本 ...

  10. java dyn proxy

    package dyn; public interface RealService { void buy(); } =================== package dyn; public cl ...