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

 

posted on 2015-08-23 23:46  toodeep  阅读(220)  评论(0编辑  收藏  举报