Jquery基本知识点的总结

一、理论

Jquery是轻量级的语言，它能够很快速、简洁地处理HTML文档、控制事件、给页面添加动画和Ajax效果等，总之一句话：jquery是写的代码少，而实现的功能多。

二、简述

1、使用jquery之前必须先引入jquery的js文件，如下：

<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>

2、window的onload事件与jquery中的ready方法都有在页面加载的时候执行方法里的代码，他们之间的不同点是：window.onload = function(){}方法在加载html 并且加载外部所有的引用文件(图片,css样式,js等。而jquery的ready方法，不加载外部的引用文件。

3、DOM对象 是不能使用Jquery中的方法的. JQuery中的对象是不能使用DOM对象的方法。因此他们之间可以相互转化。

DOM对象转换成Jquery对象的方式：var $document=$(document)（$是jQuery的别名），对于一个DOM对象只需要使用$(DOM对象)即可转换成一个Jquery对象。

Jquery对象转换成DOM对象的方式：  var domObject = $("#thed")[index]或  var domObject = $("#thed").get(index)

三、jquery中的选择器

基本

* 匹配所有的元素

.className匹配所有的className相同的元素     

#idName    匹配idName的元素

, 用英文逗号区分并列的关系

Element 直接写element的名字，如：$(tr)，并匹配所有的element

层级

Space 表示祖先与子孙的关系

>      表示父亲与孩子的关系

+    表示自己的下一个关系

~      表示自己的下一个兄弟的关系

简单

:equest(index) 返回匹配一个给定索引值的元素

:frist() 返回匹配找到的第一个元素

:last() 返回匹配找到的最后一个元素

:gt(index) 返回匹配所有大于给定索引值的元素

:lt(index) 返回匹配所有小于给定索引值的元素

:even 匹配所有索引值为偶数的元素，从 0 开始计数

:odd 匹配所有索引值为奇数的元素，从 0 开始计数

:header 匹配如 h1, h2, h3之类的标题元素

:not(selected) 删除与指定表达式匹配的元素 

 

 

:contains(text) 返回包含指定的文本元素

:parent返回匹配子元素的元素

:has(text)返回包含指定元素的元素

:empty返回无文本或者空元素

*/

//可见性

/**

:visible匹配所有可见的元素

:hidden匹配所有不可见的元素（只要在页面上不显示的元素，都能获得到）

*/

//属性

/**

.attr("attrbuteName","attibuteValue")

.attr("attrbuteName");

*/

//子元素

/**父元素调用，返回的是父类的元素

:frist-child匹配指定父类中的第一个元素

:last-child匹配指定父类中的最后的一个元素

:only-child匹配只有一个子元素的父元素

:nth-child(n)父元素调用第n个子元素

*/

//表单

/**只有input才能调用

:button匹配所有的按钮

:text匹配所有的单行文本

:checkbox匹配所有的复选框

:input匹配所有的input、textarea、select和button

:password匹配所有的密码框

:reset匹配所有的重置

:radio匹配所有的单选按钮

:submit匹配所有的提交按钮

:file匹配所有的上传按钮

:hidden匹配所有 的隐藏按钮

:image匹配所有的图像域

*/

//表单对象的属性

/**

:checked匹配所有的被选中的选项（包括复选框checkbox、单选按钮radio，不包括select中的option）

:disabled匹配所有的不可用的选项

:enabled匹配所有 的可用的选项

:selected匹配所有select中被选中的option