Question

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>

Answer 1

方法一:
如果你是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>

Answer 2

你好！

可以试试下面的代码：

$("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

Answer 3

$("a").click(function() {
var curId = $(this).attr("id");
$("#" + curId).imgbox({...});
});

追问

试了，好像不行。

Answer 4

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