一、链接激活时传递参数

$("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. webService调用的N种方式

    一.服务器端代码 新建一个web Service Project工程(貌似普通的java工程也可以,这里不太明白各种webService的框架有什么区别),建立如下的类: package com.bo ...

  2. 根据执行计划优化sql语句

    优化前:表连接使用merge SQL> alter session set statistics_level=all; Session altered. SQL> select e.sal ...

  3. stack note

    参考 http://www.cnblogs.com/java06/archive/2012/10/16/3122428.html 1,顺序栈 定义栈: #define stacksize 1000; ...

  4. Java基础之写文件——通过缓冲流写文件（StreamOutputToFile）

    控制台程序,生成一些二进制整型值并且将它们写入到文件中. import java.nio.file.*; import java.nio.*; import java.io.*; public cla ...

  5. Lintcode: Maximum Subarray II

    Given an array of integers, find two non-overlapping subarrays which have the largest sum. The numbe ...

  6. zabbix监控windows主机网卡流量

    监控windows主机网卡流量 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任.     欢迎加入:高级运维工程师之路 598432640 客户端配置:(172.30.1.120,wi ...

  7. 多文件 定义全局变量的使用 extern

    extern 申明变量在其他文件中定义了.如果变量放在*.h头文件,其它cpp文件加载*.h头文件就会出现变量定义重复. 头文件 DHeah.h #include <iostream> u ...

  8. 【Origin】 偶题 之 抒意

    作词抒胸臆, 辞赋九万里: 从南盖到北, 句句表挚期. -作于二零一五年七月十五日

  9. @Responsebody与@RequestBody

    前台发送请求后台用什么接收-->@RequsetMapping 何时使用@ResponseBody-->一般在异步获取数据时使用,后台传的数据切成ison传给前台 @Responsebod ...

  10. EBS R12中重新enable失效用户之后，丢失职责

    以下请求跑完不能立即生效,需要等上一段时间! oracle support说这并不是一个bug,是一个问题,呵呵,bug和问题,都是你的错,oracle! 工 作中将某个用户失效之后,有可能又需要重新 ...