jQuery初步了解

jQuery是js的一个框架，是一个轻量级框架，比js用法简洁，能实现表单验证，页面动画，后台交互，游戏制作等
需要导入jQuery插件
导入方式
1.
语法
1.$(document).ready(function(){
//媒体文件之前加载
})

2.拒绝访问。 (window).load(function(){
//在所有文件之后加载
})

4.(function(){
//在所有文件之前加载
})(jQuery);
*
选择器
*
**基本选择器
1.拒绝访问。 (“div”)标签选择器
3.拒绝访问。 ("#text")id选择器
关系选择器
1.$(“div p”)后代选择器

2.$(“div>p”)孩子选择器

3.$(“h1,p,a”)并集选择器

4.$(“p.font”)交集选择器

5.$(“h1~p”)兄弟选择器

属性选择器

1.$(“img[alt]”)属性选择器

2.$(“input[type=text]”)属性值选择器

伪类选择器
1.$(“div:first”)获得第一个元素

2.$(“div:last”)获得最后一个元素

3.$(“div:eq(2)”)获得第几个元素 获得个数的从0开始

4.$(“div:gt(3)”)获得索引大于3的元素

5.$(“div:lt(3)”)获得小于3的元素

6.$(“div:not(.dl)”)刨除某一类元素
even 偶数 odd 所有奇数
事件
与js不同在于jQuery的事件去除了on
1.click() 鼠标单击事件
2.dbclick()鼠标双击事件
3.blur() 失去焦点
4.focus()获得焦点
5.mouseover()鼠标移近
6.mouseout() 鼠标移出
7.mouseenter()鼠标穿过
8.mouseleave()鼠标离开
9.mousedown()鼠标按下
10.mouseup()鼠标抬起
11.keydown()键盘按下
12.keyup() 键盘抬起
13.keypress()键盘按住
14.hover()鼠标悬停
方法
1.css()改变标签样式
$(“h1”).css({“font-size”:“40px”,“color”:“red”});
$(“h1”).css({fontsize:“40px”,color:“red”});
$(".box").css(“width”);//获得属性值 200px
2.width() 获得或者更改元素的宽度 200
height()获得或者更改元素的高
3.innerWidth() …包括边距不包括边框 300
innerHeight()
4.outerWidth() …包括边距和边框 310
outerHeight()
5.index() 获取索引值，从0开始，找不到返回-1
6.length 属性 获得页面上标签的个数，也可以获得数组和字符串的长度
7.size() 方法 获得页面上标签的个数
8.html()获得或写入页面上的标签和文本
9.text()获得或写入页面上的文本
10.val() 获得或写入文本框的值