jqurey基础知识和常用事件方法

样式文件不需要<style>标签

引用style文件的方法

<link href="main.css" rel="stylesheet" style="text/css"/>

引用jqurey文件

<script src="http://code.jquery.com/jquery-latest.js"></script>

输出到控制台 Console.log()

$(document).ready(function(){})；

$(this).css("color","red")

$(this).css({"propertyname":"value","propertyname":"value",...})

$(ul li:eq(2)).on("click","")

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");//输出值