jquey简介

jquery和javascript的关系:jquery是javascript的程序库之一


jquery的简介:由美国人 John Resig 创建的开源项目!
--------------------------------------------------------------------------------------------------------------------------------
jquery的用途:
1.访问和操作DOM元素
2.控制页面样式
3.对页面事件的处理
4.方便的使用jQuery插件
5.与Ajax技术的完美结合,增强了页面交互,提升了用户体验
--------------------------------------------------------------------------------------------------------------------------------
jquery的优势:
1.轻量级
2.强大的选择器
3.出色的DOM封装
4.可靠的事件处理机制
5.出色的浏览器兼容性
6.隐式迭代
7.丰富的插件支持
--------------------------------------------------------------------------------------------------------------------------------
jquery的语法

$(选择器).方法(函数);
等同
($(selector).方法(function);)
--------------------------------------------------------------------------------------------------------------------------------
开发前的配置:
由于jQuery为绿色软件,只需要解压完成即可使用.
分我为开发版,是发布版.开发版用于开发和运行,发布版,只可以运行.
--------------------------------------------------------------------------------------------------------------------------------
使用:  使用script标签的type和src两个属性进行设置;
--------------------------------------------------------------------------------------------------------------------------------
jquery选择器:
基本选择器:
1.类选择器
2.ID选择器
3.标签选择器
4.并集选择器
5.交集选择器
6.全局选择器
层次选择器:
1.后代选择器
2.子选择器
3.相邻选择器
4.同辈选器
属性选择器(不能使用特殊字符:否则需要转义):
基本过滤选择器:
1.:first
2.:last
3.:not(selector)
4.:even
5.odd
6.:eql(index)
7.:It(index)
8.:header
9.:focus
可见过滤选择器:
1.:visible
2.:hidden
--------------------------------------------------------------------------------------------------------------------------------
表单选择器:
表单过滤器:
--------------------------------------------------------------------------------------------------------------------------------
常见的事件:
绑定事件的语法格式:
事件名 = "函数名()";
典型事件:
1.click(function);
2.keydown(function);
3.blur(function);
window事件:
ready();
鼠标事件:
click();
mouseover();
mouseour();
键盘事件:
keydown();
keyup();
keypress();
表单事件:
focus();
blur();
绑定事件bind();
参数:bind(type,[data],function);
移除事件:nubind();
参数:bind([data],[function]);
--------------------------------------------------------------------------------------------------------------------------------
常用的方法(更多更详细的方法,参考官网API):
next();
hover();
toggle();
show();
hide();
fadein();
fadeOut();
sildeUp();
sildeDown();
jquery操作DOM的方法
样式操作
addClass();
css();
removeClass();
toggleClass();
内容操作:
html([content]);
text([content]);
text();
val([value]);
节点和属性的操作:
查询到节点后执行以下操作;
插入节点:
删除节点:
替换节点:
遍历节点元素:
遍历同辈元素
next();
prev();
siblings();
遍历前辈元素
parent();
parents();
遍历子辈元素:
children();
css-dom操作;
--------------------------------------------------------------------------------------------------------------------------------
表单验证:
方式一:传统的字符串方法操作
方式二:正则表达式