jquery 当前链接激活传递参数|div的切换显示
一、链接激活时传递参数
$("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®iionId=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的切换显示的更多相关文章
- jquery引用方法时传递参数
经常到网上去下载大牛们写的js插件.每次只需将js引用并设置下变量就行了,但一直没搞明白原理(主要是大牛们的代码太简练了-,-). 这次弄清了如何传递.设置多个(很多个)参数. 如 方法为functi ...
- JQuery 绑定事件时传递参数的实现方法
如题,比如我想在$(":text").bind("keyup",funcionName);将当前的文本框作为参数传递给 functionName所代表的函数,应 ...
- Jquery获取链接请求的参数
比如有一个链接:https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000,先定义方法: //获取url中的参数 function ge ...
- 图表,列表在同一DIV里切换显示()
JS: function changeTable(){ $(".countTable").slideDown(); $(".countChart").css(& ...
- Spring MVC(十)--通过表单序列化传递参数
通过表单序列化传递参数就是将表单数据转化成字符串传递到后台,序列化之后参数请求变成这种模式param1=value1&¶m2=value2,下面用代码实现. 1.创建表单 &l ...
- Spring MVC(六)--通过URL传递参数
URL传递参数时,格式是类似这样的,/param/urlParam/4/test,其中4和test都是参数,这就是所谓的Restful风格,Spring MVC中通过注解@RequestMapping ...
- jQuery事件之传递参数
一.jQuery绑定事件的三种方法 我们这里首先复习一下jQuery绑定事件的三种方法: target.click(function(){}); target.on("click" ...
- Html网页使用jQuery传递参数并获取Web API的数据
昨天Insus.NET有开始学习Web API,<ASP.NET MVC的Web Api的实练>http://www.cnblogs.com/insus/p/4334316.html .其 ...
- jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等(二)
Index.cshtml <!-- Start of second page --> <section data-role="page" id="bar ...
随机推荐
- Python之路-python环境安装和简单的语法使用
一.环境安装 Win10(安装python3.x): 1.下载安装包 https://www.python.org/downloads/ 2.安装完成后设置环境变量. 桌面-“计算机”-右 ...
- python ftplib,smtplib,poplib学习
一.ftplib from ftplib import FTP ftpobj = FTP(IP或域名) #实例化对象 ftpobj.login('username','passwd') ## ...
- 从零开始PHP攻略(2)——操作符与迭代整理
目录: 10.操作符整理 11.表单计算代码 12.优先级与结合性 13.可变函数 14.条件判断 15.循环迭代 16.跳出控制 17.可替换的控制结构 10.操作符 10.1 算术操作符 算术操作 ...
- 《30天自制操作系统》07_day_学习笔记
harib04a: P126 获取按键编码: 让程序在按下键盘的键之后,将键值编码显示出来 修改的是前面编写的鼠标按键的处理键盘中断的函数inthandler21() 这里笔者介绍了怎样把中断号 ...
- 创建纯洁的TableViewCell
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPat ...
- 【你吐吧c#每日学习】10.30 C#Nullable Types
分两种类型,value type and reference type. By default, value type owns a default value. For integer, the d ...
- SpringMvc的数据绑定流程
在SpringMvc中会将来自web页面的请求和响应数据与controller中对应的处理方法的入参进行绑定,即数据绑定.流程如下: -1.SpringMvc主框架将ServletRequest对象及 ...
- HDU 4064 Carcassonne(插头DP)(The 36th ACM/ICPC Asia Regional Fuzhou Site —— Online Contest)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4064 Problem Description Carcassonne is a tile-based ...
- JSon_零基础_007_将JSon格式的"数组"字符串转换为Java对象"数组"
将JSon格式的"数组"字符串转换为Java对象"数组". 应用此技术从一个json对象字符串格式中得到一个java对应的对象. JSONObject是一个“n ...
- IMapDocument interface
Provides access to members that control the reading and writing of map document files.(提供访问的成员,控制读 ...