jquery如何获取参数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery如何获取参数相关的知识,希望对你有一定的参考价值。

$(document).ready(function()
$("#这里如何获取点击的id").imgbox(
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
);
<a id="example2-1" href="1.jpg"><img src="1.jpg" /></a>
<a id="example2-2" href="1.jpg"><img src="1.jpg" /></a>
<a id="example2-3" href="1.jpg"><img src="1.jpg" /></a>
<a id="example2-4" href="1.jpg"><img src="1.jpg" /></a>

方法一:
如果你是jquery控的,可以将获取url参数的代码写成jquery插件:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>

<script type='text/javascript' src='jqueryPlugin.js'></script>

<script type='text/javascript'>

$(document).ready(function()

// 访问该页面时,在url末尾添加?picid=8

alert(window.location.href);

alert($.getUrlParam('picid'));

);

</script>

jqueryPlugin.js插件代码
(function($)

$.getUrlParam = function(name)



var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

var r = window.location.search.substr(1).match(reg);

if (r!=null) return unescape(r[2]); return null;



)(jQuery);

方法二:
如果你是不论好丑,但求就手型的
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>

<script type='text/javascript'>

$(document).ready(function()

// 访问该页面时,在url末尾添加?picid=8

alert(window.location.href);

alert(getUrlParam('picid'));

);

function getUrlParam(name)

//构造一个含有目标参数的正则表达式对象

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

//匹配目标参数

var r = window.location.search.substr(1).match(reg);

//返回参数值

if (r!=null) return unescape(r[2]);

return null;



</script>
参考技术A 你好!

可以试试下面的代码:

$("a").click(
function()
$(this).imgbox(
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
);

);

----------------------------------------------追问

试了,好像不行!

追答

你这个是为绑定click还是绑定click事件?

追问

绑定click

源码

$(document).ready(function()
$("#example2-1").imgbox(
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
);

就是不知道example2-2怎么调。

追答

明白了:

$.each($("a"),function()

$(this).imgbox(
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
);

);

追问

哥,我这边还是不行,你有没有我想要的这个效果,有的话发一个给我呗,没有的话,我在看看。。。。1252356679@qq.com

本回答被提问者采纳
参考技术B $("a").click(function()
var curId = $(this).attr("id");
$("#" + curId).imgbox(...);
);追问

试了,好像不行。

参考技术C $("#example2-1")获取id为example2-1的jquery对象
建议看看http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

以上是关于jquery如何获取参数的主要内容,如果未能解决你的问题,请参考以下文章

jQuery:如何获取 url 的参数?

如何使用 jQuery 或纯 JavaScript 获取 URL 参数?

如何在jquery ajax成功中获取多个值参数?

有没有开源方法能直接获取url的参数值

如何在jQuery中使用事件参数(对象)获取下一个兄弟元素

如何使用jQuery调用带有参数的asp.net asmx web服务来获取响应