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();