jquery常用函数（通俗易懂）

绝地灬酷狼 2022-06-10 09:59 225阅读 0赞

1.var offset=$("\#id名字").offset();//获得当前id控件的位置信息  
offset.left;//获得当前控件离浏览器左边框的距离  
offset.top;//获得当前控件离浏览器上边框的距离  
2.$("\#id").height();//获得当前控件的高度--$("\#id").height(num);//设置当前控件的高度--$("\#id").width();//获得当前控件的宽度--$("\#id").width(num);//设置当前控件的宽度  
3.$("\#id").css("top"--"left"--"display:block显示,none不显示");//设置当前控件的css样式（）里面可以写各种该控件的属性  
4.$("\#id").val(str)//给当前控件赋值--如果是给select标签赋值就可以给让select标签选中这值$("\#bqmbselect").change();  
5.$("\#id").empty();//清空当前控件的值  
6.$("\#id name")//获得当前控件的子控件 --name指标签名字  
7.$("\#id").append(str);//动态的给该控件写代码，可以写标准的html代码,例如:$("\#mydiv ul").append("<li data='" value1 "'>" value2 "</li>");  
8.$("\#id li").each(function(a,b)\{\});//循环一个控件,例如:li,a为当前循环内容的索引，b为每一个当前循环的控件，都为必填  
9.$(a).attr(b);//取得a控件b属性的值  
10.setTimeout(function()\{\},100);//控制方法在多少毫秒后执行  
11.$("\#id").focus(function()\{\});//聚焦事件  
12.$("\#id").blur(function()\{\});//失焦事件  
13.eval(str);//动态执行字符串  
14.$("\#id").html();//获得当前控件在html上显示的值 $("\#id").text();//获取input框的值  
15.$("\#id").click(function()\{\});//点击事件  
16.$.trim(str);//去空格  
17.$.cookie("cookieName","cookieValue");  
18.$("\#id").prop("selected",'selected');//设置当前控件的属性的值  
19.$("\#id").hover(function()\{\});//鼠标悬停事件  
20.$.ajax(\{  
type : "POST",  
url : url,  
data : json,  
  
  
dataType : "json",  
success : function(data) \{\}  
\});  
21.$("\#id").find("option\[value='?'\] input\[name='?'\] select\[name='?'\]")  
22.isNaN(str);//判断一个字符串是不是数字,返回的是一个boolean  
23.parseFloat(str);//将一个数字字符串转换成数字  
24.var jsvalue=(isNaN($.trim($(n).find("td").eq(3).html())) ||  
$.trim($(n).find("td").eq(3).html())=="")?0:parseFloat($.trim($(n).find("td").eq(3).html()));  
25.$("\#id").parent();//获得该id元素的父元素  
26.$("\#id").children();//获得该id元素的子元素,$("\#id").children("a");//获得该元素子元素中的a标签元素  
27.$("\#id").sibling();//获得该id元素的同辈元素  
28.$("\#id").addClass("abc");//给该Id元素添加名字为abc的样式,删除为removClass("abc");  
29.$("\#id").unbind();//删除该id绑定的函数事件,括号内有字符串的话则删除的是指定事件,例:"click"  
30.$("\#id").clone(true);//克隆  
31.$("\#id").not($("\#id last"));//不是id中最后一个  
32.Num.toFixed(num);//保存数字Num的num位小数  
33.$("\#id").hide();//隐藏id  
34.$("\#id").show();//显示id  
35.alert("val");//输出值