jquery参数,jquery特性
jquery如何获取参数
方法一:
创新互联是专业的钟山网站建设公司,钟山接单;提供成都做网站、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行钟山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
如果你是jquery控的,可以将获取url参数的代码写成jquery插件:
script type='text/javascript' src=''/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=''/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
jquery参数问题
就是把后面两个参数合并到第一个参数里
第二个参数$.fn.slides.option应该是slides的默认option
第三个参数option是前台界面调用的时候传进去的,这里应该是
{
preload: true,
preloadImage: 'img/loading.gif',
}
用前台界面调用时传进去的option覆盖默认的option,创建新的option。
jquery 参数传递和赋值问题
这个是关于html使用回调函数的,在jquery中,使用$("***").html(function(){}),其中的function可以带参数,第一个参数是你使用***是匹配出来的元素的index,第二个参数是你使用***匹配出来的控件的.text()内容,也就是和你的命名没有关系的,你可以写成:
$("#text1").html(function(index,text){});
如果你的$("#text1")改成$("p")的话,由于你页面有两个p,那么对应的,第一个index=0,第二个index=1,text也自然就是两个P各自对应的内容了,附件中有改动后的东西,你点击一下就明白了
jQuery传参数
一、jQuery绑定事件的三种方法
我们这里首先复习一下jQuery绑定事件的三种方法:
target.click(function(){});
target.on("click",function(){});
target.bind("click",function(){});
target.live("click",function(){});
live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。
二、传递参数
1.使用trigger触发事件来进行参数传递
$('p:first').bind('myclick',function(event,arg1,arg2){
$(arg1).appendTo('body');
console.log(arg2);
});
$('input').click(function(){
$('p:first').trigger('myclick',//这里触发了myclick事件
['diva href=""google/a/div','this is to console.log']); //第二个参数 string});
2.使用bind传递参数
var name_value='stonecold';
$('p').bind('click',{name:name_vlaue},function(event){
console.log(event.data.name);//结果在控制台上显示为stonecold});
3.在简单的事件中传递参数
A:首先定义一个函数,在点击的时候触发:
function fn_name(arg1){
$(arg1).appendTo('body');
}
B:定义一个变量作为参数传递
var arg='a href=""googlea';
$('img:first').click(function(){
fn_name(arg);
});
jquery 获取url 参数
1.通过FUNCTION的方式
jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情,首先看看单纯的通过javascript是如何来获取url中的某个参数。
function getUrlParam(name) {
//构造一个含有目标参数的正则表达式对象
var reg = new RegExp("(^|)" name "=([^]*)(|$)");
//匹配目标参数
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
} else {
//返回参数值
return "";
}}
通过这个函数传递url中的参数名就可以获取到参数的值。
getUrlParam(´cid´);
2.JQUERY封装的方式
明白了 Javascript 获取 url 参数的方法,我们可以通过这个方法为 jQuery 扩展一个方法来通过 jQuery 获取 url 参数,下面的代码为 jQuery 扩展了一个 getUrlParam() 方法.
(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);
为 jQuery 扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了,代码如下:
$.getUrlParam(´cid´);
网站标题:jquery参数,jquery特性
链接分享:http://scjbc.cn/article/dsdsope.html