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