jq扩展插件和Sizzle选择器

1、jq插件扩展

$.extend() 扩展静态方法

$.fn.extend() 扩展实例方法

例如：

$.extend({

     type : function(){}

});

$.fn.extend({

     css : function(){}

});

2、sizzle选择器

sizzle选择器通过$()和find()来实现

通用选择器*，用法$('*')  $('#div').find('*')

层级选择器：

$('#div1 > span')   //找div的直接子元素

$('#div1 + span')  //找div后面的紧邻的span元素

$('p ~ span')  //找p后面的所有的兄弟span元素

基本筛选：

:animated  运动中的

:eq()  通过下标选  

:even  索引为偶数

:odd  索引为奇数

:first 第一个

:last 最后一个

:gt() 大于

:lt()  小于

内容筛选：

:contains() 包含选择  例如： :contains('span')

$('div:empty')  内容为空的div

$('div:parent') 内容不为空的div

可见性筛选：

$('div:visible') 选择可见的div

$('div:hidden') 选择不可见的div

子元素筛选：

:first-child  :last-child   :first-of-type   :last-of-type   :nth-child()   :nth-of-type()   :only-child   :only-of-type

表单筛选：

button   :checkbox   :radio   :checked   :disabled   :enabled   :selected

筛选方法：

:filter()  例如：

$('div').filter('.box')  筛选出div里面有box类的div

:not()  例如：

$('div').not('.box')  筛选div里面不带box类的div

:has()  例如：

$('div').has('span')  筛选包含span的div