jQuery整理

jQuery基础：

、、、、、、、、、一套定义好的方法

jquery主旨：

以更少的代码，实现更多的功能

优势：

1、可以像css一样访问和操作dom

2、修改css控制页面外观

3、简化js代码操作

4、事件处理更加容易

5、动画效果使用方便

6、Ajax技术更加完美

7、大量的基于jquery的插件

8、可以自定义扩展功能插件

其他库：

1、YUI

2、prototype最早成型的js库之一

3、dojo

4、mootools轻量、简介、模块化和面向对象的js框架

5、extjs主要用于创建前端用户界面

语法：

格式：$(selector).action()

1、美元符号本身是对象的缩写

2、选择符查询和查找html元素

3、action执行对元素的操作

示例：$('p').hide():隐藏p元素

js对象和jq对象转换：

              //把原生对象转成jq对象
               var p1=document.getElementById('p1');
               var jp= $(p1);
               jp.html('ssss');
               //jq转原生对象
               var jp=$('#p1');
               var p1=jp[0];
               p1.innerText='sssss';

解决多库冲突;

jquery.noconflict();//放弃$

API文档：

http://jquery.cuishifeng.cn/

选择器：

 #id

element

class

*

selector1,selector2,selectorN

层级选择器：

	
		
		
		
		
	
	
		

		  Name:
		  
		  

	      Newsletter:
	      
		  
		
		
	

属性选择器：

内容选择器：

	
		
		
		
		
		
	
	
		

			ssss
		
		

			

		
		

		
	

设置元素及内容:

html():获取元素中html内容

html（value）：设置元素中html内容

text（）：获取元素中文本内容

text（value）：设置原生中文本内容

val():获取表单中的文本内容

value（value）:设置表单中的文本内容

操作元素属性：

attr(key):获取某个元素key属性的属性值

attr(key,value):设置某个元素key属性的属性值

attr({key1:value2,key2:value2...}):设置某个元素多个key属性的属性值

attr(key,function(index,value){}):设置某个元素key通过fn来设置

操作CSS:

来回切换指定样式和默认样式:

文档的宽高度及内边框大小操作：

位置偏移：

	
		
		
		
		
		
	
	
		

			
			
1
			
1
			
1
			
			
1
			
1
			
1
			
1
			
1
			
1
			
1
			
1
			
			
1
			
1
			
1
			
1
		
	

创建节点：

	
		
		
		
		
	
	
		dom
		

			节点