扩展jquery选择器

html

<div class="box" data-hook="testHook">我是钩子</div>

使用

$.hook('testHook').css('background','red');

源码

// 插件扩展，依赖jQuery
;(function($){
$.extend({
hook:function(hookName){
var selector;
if ( hookName === '*' ){
// select all data-hooks
selector = '[data-hook]';
}else if( hookName==false ){
console.error('hook错误');
selector = '[data-hook]';
}else{
// select specific data-hook
selector = '[data-hook*="'+hookName+'"]';
}
return $(selector);
},
});
})(jQuery);