jQuery

一.什么是jQuery

　　jQuery是一个优秀的JavaScript框架，一个轻量级（耦合度低）的js库

二.jQuery的作用

　　1：兼容了css，js，dom，提供了简洁的，一致的API，使用户更方便的处理HTML，events，实现动画效果，并且方便的为网站提供ajax交互；

　　2：使用户的HTML页面保持代码和HTML 内容的分离

　　一句话极大地简化了js的编程

三. 如何使用jQuery

　　1：引入jQuery的js文件

　　2：使用选择器定位要操作的节点

　　3：调用jQuery的方法进行操作

四. 什么是jQuery对象

　　jQuery为了解决浏览器的兼容问题而提供的一种统一封装后的对象描述，jQuery提供的方法都是针对jQuery对象特有的。

　　通过jQuery选择器选中的对象为jQuery对象，如$("div"),$("#d1")

　　注：jQuery对象由DOM数组和相关API组成，jQuery对象只能调用jQuery方法，DOM对象只能调用DOM方法，本质是jQuery对象 就是DOM数组

五.jQuery对象与DOM对象的关系

　　jQuery对象本质上是一个DOM对象数组，它在该数组上一些扩展了操作数组中元素的方法

　　　　obj.length();     obj.get(index)：获取数组中某一个DOM对象（==obj[index]）

　　DOM对象可以直接转换为jQuery对象：$(dom对象)

　　jQuery对象转换为DOM对象：obj[i]

 六. 选择器

　　1：基本选择器

　　2：层次选择器

　　　　①$("select1 select2"):在select1元素下，选择所有满足select2的子孙元素

　　　　②$("select1 >select2"):在select1元素下，选择所有满足select2的子元素

　　　　③$("select1 +select2"):选中select1元素的，满足select2的下一个弟弟

　　　　④$("select1 ~select2"):选中select1元素的，满足select2的所有弟弟

　　3：过滤选择器

　　　　1）基本过滤选择器

　　　　　　

 　　　　eg :  $('li:first').css('background', '#ccc');  //第一个li元素

 

　　　　2）内容过滤选择器

　　　　　　　

　　　　　　　　$('div:contains("dream.com")').css('background', '#ccc');  //选择含有 dream.com 文本的元素

 

　　　　3）可见性过滤选择器

　　　　　　

　　　　4）属性过滤选择器　　　　　　

　　　　　　以下id,name等属性名，也可换成其他属性名，或自定义的属性名
　　　　　　1.查找所有含有id属性的input元素

 

var input_query=$("input[id]");

 

　　　　　　 2.查找name值为text11的input元素

 

var input_query=$("input[name='text11']");

 

 　　　　3.查找name值不等于text11的所有input元素

 

var input_query=$("input[name!='text11']");

 

 　　　　4.查找name值以text开头的input元素

 

var input_query=$("input[name^='text']");

 

　　　　 5.查找name值以11结尾的所有input元素

 

var input_query=$("input[name$='11']");

 

 　　　　6.查找name值中含有ext的所有input元素

 

var input_query=$("input[name*='ext']");

 

 　　　　7.查找所有含有id属性并且name值中含有ext的input元素

 

var input_query=$("input[id][name*='ext']");

 

　　　　5）状态过滤选择器

　　　　　　

　　4：表单选择器　　

　　　　1.查找所有input元素

 

var input_query=$(":input");

 

　　　　 2.查找所有文本框元素

 

var text_query=$(":text");

 

 　　　　3.查找所有密码框元素

 

var password_query=$(":password");

 

　　　　 4.查找所有复选框

 

var checkbox_query=$(":checkbox");

 

 　　　　5.查找所有提交按钮元素

 

var submit_query=$(":submit");

 

　　　　6.查找所有图像域元素

 

var image_query=$(":image");

 

 　　　　7.查找所有重置按钮元素

 

var reset_query=$(":reset");

 

 　　　　8.查找所有按钮元素

 

var button_query=$(":button");

 

 　　　　9.查找所有文件域元素

 

var file_query=$(":file");

 

表单过滤器 Form Filters
　　　　1.查找所有可用的input元素

 

var input_query=$("input:enabled");

 

 　　　　2.查找所有不可用的input元素

 

var input_query=$("input:disabled");

 

 　　　　3.查找所有选中的单选复选框

 

var input_query=$("input:checked");

 

　　　　 4.查找所有选中的下拉框

 

var option_query=$("option:selected");