jQuery.fn.autoscroll = function (selector) { $('html,body').animate( { scrollTop: $(this ).offset().top }, 500 ); }
//用法 $('.area_name').autoscroll();
//如何禁用右键单击上下文菜单
$(document).bind('contextmenu', function (e) {
return false ;
});
//如何检查某个元素是否存在
if ($('#someDiv' ).length) {
//你妹,终于找到了
}
//如何使用jQuery来切换样式表
//找出你希望切换的媒体类型(media-type),然后把href设置成新的样式表。
$('link[media="screen"]').attr('href', 'Alternative.css');
//如何替换串中的词
var el = $('#id'); el.html(el.html().replace(/word/ig, ''));
//如何限制“Text-Area”域中的字符的个数
jQuery.fn.maxLength = function (max) {
this.each(function () {
var type = this.tagName.toLowerCase();
var inputType = this.type ? this.type.toLowerCase() : null;
if (type == "input" && inputType == "text" || inputType == "password") {
this.maxLength = max;
}
else if (type == "textarea") {
this.onkeypress = function (e) {
var ob = e || event;
var keyCode = ob.keyCode;
var hasSelection = document.selection
? document.selection.createRange().text.length > 0
: this.selectionStart != this.selectionEnd;
return !(this.value.length >= max
&& (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13)
&& !ob.ctrlKey && !ob.altKey && !hasSelection);
};
this.onkeyup = function () {
if (this.value.length > max) {
this.value = this.value.substring(0, max);
}
};
}
});
};
//用法 $('#mytextarea').maxLength(500);
//如何在jQuery中克隆一个元素
var cloned = $('#somediv').clone();
//在jQuery中如何测试某个元素是否可见
if ($(element).is(':visible') ) {
//该元素是可见的
}
//如何把一个元素放在屏幕的中心位置
jQuery.fn.center = function () {
this.css('position', 'absolute');
this.css('top', ($(window).height() - this.height())
/ +$(window).scrollTop() + 'px');
this.css('left', ($(window).width() - this.width())
/ 2 + $(window).scrollLeft() + 'px');
return this;
}
//这样来使用上面的函数: $(element).center();
//如何从元素中除去HTML
(function ($) {
$.fn.stripHtml = function () {
var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;
this.each(function () {
$(this).html($(this).html().replace(regexp, ""));
});
return $(this);
}
})(jQuery);
//用法: $('p').stripHtml();
//如何使用一个可点击的链接来替换页面中任何的URL
$.fn.replaceUrl = function () {
var regexp =
/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
this.each(function () {
$(this).html(
$(this).html().replace(regexp, '<a href="$1">$1</a>')
);
});
return $(this);
}
//用法 $('p').replaceUrl();