扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
$就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素
创新互联公司服务项目包括阳明网站建设、阳明网站制作、阳明网页制作以及阳明网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,阳明网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到阳明省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
如下例子
$(".div1") 表示获取类名为div1的元素,例如获取div class="div1"/div
$(".div1").onclick表示类名为div1的div点击事件
jquery中$.,例如$.post(),$.get(),$.ajax()等这些都是jquery这个对象的方法
方法一:
如果你是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绑定事件的三种方法
我们这里首先复习一下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);
});
可以参考以下两种方法:
1、代码一
funciton(id){
$("#"+id).hide();
}
2、代码二
funciton(id){
$("#"+id的值).hide();//比如$("#"+myid).hide();
}
扩展资料:
jquery选择器:
1、#id
用法: $("#myDiv"); 返回值 单个元素的组成的集合
说明: 这个就是直接选择html中的id="myDiv"
2、Element
用法: $("div") 返回值 集合元素
说明: element的英文翻译过来是”元素”,所以element其实就是html已经定义的标签元素,例如div,input, a等等。
参考资料来源:百度百科-jQuery
$就是jQuery的别称,而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数, 因为还有 $.ajax(options) 这样的使用,等同 jQuery.ajax(options))这个函数的作用是根据 () 里的参数进行查找和选择html文档中的元素, 函数作用之一就是GetElementByID的代替,但()内不仅可以是ID,还可以是各类选择器
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流