一、链接激活时传递参数

$("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. 定时器 NSTimer 和 CADisplayLink

    NSTimer *timer; CADisplayLink *caDisplayLink; int timeCount; - (void)viewDidLoad { [super viewDidLoa ...

  2. 递归获取字符串内的所有图片src地址

    // 递归调用获取字符串内所有的src地址 -(NSMutableArray *)getImageSrcUrlWithString:(NSString *)str withArray:(NSMutab ...

  3. 运行sql server profiler所需的权限

    ********运行Sql Server Profiler所需的权限(performance)*********/ --EG. -- 使用TRACE帐户(Performancetest)跟踪Sql S ...

  4. oracle pl sql 解锁表

    select   p.spid,a.serial#, c.object_name,b.session_id,b.oracle_username,b.os_user_name   from   v$pr ...

  5. Java基础之处理事件——实现低级事件监听器（Sketcher 2 implementing a low-level listener）

    控制台程序. 定义事件监听器的类必须实现监听器接口.所有的事件监听器接口都扩展了java.util.EventListener接口.这个接口没有声明任何方法,仅仅用于表示监听器对象.使用EventLi ...

  6. Linux C进程内存布局

    当程序文件运行为进程时,进程在内存中获得空间.这个空间是进程自己的内存空间.每个进程空间按照如下方式分为不同区域: 进程内存空间布局图 text:代码段.存放的是程序的全部代码(指令),来源于二进制可 ...

  7. 转：python webdriver API 之分页处理

    对于 web 页面上的分页功能,我们一般做做以下操作:  获取总页数  翻页操作(上一页,下一页) 对于有些分页功能提供上一页,下一页按钮,以及可以输入具体页面数跳转功能不在本例的讨论范围. .. ...

  8. 转：python webdriver API 之定位 frame 中的对象

    在 web 应用中经常会出现 frame 嵌套的应用,假设页面上有 A.B 两个 frame,其中 B 在 A 内,那么定位 B 中的内容则需要先到 A,然后再到 B.switch_to_frame  ...

  9. nyist 599 奋斗的小蜗牛

    http://acm.nyist.net/JudgeOnline/problem.php?pid=599 奋斗的小蜗牛 时间限制:1000 ms  |  内存限制:65535 KB 难度:1   描述 ...

  10. ACM之Java速成(2)

    acm中Java的应用 Chapter I. Java的优缺点各种书上都有,这里只说说用Java做ACM-ICPC的特点: (1) 最明显的好处是,学会Java,可以参加Java Challenge ...