本帖子已过去太久远了，不再提供回复功能。本文列出jquery一些应用小技巧，比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。请看下文jquery技巧：&1、禁止右键点击&&&&&& $(document).ready(function(){&&&&&&&&&&&&& $(document).bind("contextmenu",function(e){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& });&&&&&&&&& });&&2、&隐藏搜索文本框文字&&&&&& $(document).ready(function() {&&&&&&&&& $("input.text1").val("Enter your search text here");&&&&&&&&&&&& textFill($('input.text1'));&&&&&&&&& });&&&&&&&&&&&&&&&&&&&&&& function textFill(input){ //input focus text function&&&&&&&&&&&&& var originalvalue = input.val();&&&&&&&&&&&&& input.focus( function(){&&&&&&&&&&&&&&&&& if( $.trim(input.val()) == originalvalue ){ input.val(''); }&&&&&&&&& });&&&&&&&&& input.blur( function(){&&&&&&&&&&&&& if( $.trim(input.val()) == '' ){ input.val(originalvalue); }&&&&&&&&& });&&&&& }&&3、&在新窗口中打开链接&&&&&&&$(document).ready(function() {&&&&&&&&&&&& //Example 1: Every link will open in a new window&&&&&&&&&&&& $('a[href^="", "_blank");&&&&&&&&&&&&&&&&&&&&& //Example 2: Links with the rel="external" attribute will only open in a new window&&&&&&&&&&&& $('a[@rel$='external']').click(function(){&&&&&&&&&&&&&&& this.target = "_blank";&&&&&&&&&&&& });&&&&&&&&& });&&&&& // how to use&&&&& &A href="" rel=external&open link&/A&&&4、检测浏览器注: 在版本jQuery 1.4中，$.support 替换掉了$.browser 变量。&&&&&&&$(document).ready(function() {&&&&&&&&& // Target Firefox 2 and above&&&&&&&&& if ($.browser.mozilla && $.browser.version &= "1.8" ){&&&&&&&&&&&&& // do something&&&&&&&&& }&&&&&&&&&&&&&&&&&& // Target Safari&&&&&&&&& if( $.browser.safari ){&&&&&&&&&&&&& // do something&&&&& }&&&&&&&&&& // Target Chrome&&&&& if( $.browser.chrome){&&&&&&&&& // do something&&&&& }&&&&&&&&&& // Target Camino&&&&& if( $.browser.camino){&&&&&&&&& // do something&&&&& }&&&&&&&&&& // Target Opera&&&&& if( $.browser.opera){&&&&&&&&& // do something&&&&& }&&&&&&&&&& // Target IE6 and below&&&&& if ($.browser.msie && $.browser.version &= 6 ){&&&&&&&&& // do something&&&&& }&&&&&&&&&& // Target anything above IE6&&&&& if ($.browser.msie && $.browser.version & 6){&&&&&&&&& // do something&&&&& }&&&&& });&&&5、预加载图片&&&&&&&$(document).ready(function() {&&&&&&&&&&&& jQuery.preloadImages = function()&&&&&&&&&&& {&&&&&&&&&&&&&& for(var i = 0; i").attr("src", arguments[i]);&&&&&&&&&& }&&&&&&&& };&&&&&&&& // how to use&&&&&&&& $.preloadImages("image1.jpg");&&&&&&&&& });&&&6、页面样式切换&&&&&&&$(document).ready(function() {&&&&&&&&&&&&& $("a.Styleswitcher").click(function() {&&&&&&&&&&&&&&&&& //swicth the LINK REL attribute with the value in A REL attribute&&&&&&&&&&&&&&&&& $('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));&&&&&&&&&&&&& });&&&&&&&&& // how to use&&&&&&&&& // place this in your header&&&&&&&&& &LINK href="default.css" type=text/css rel=stylesheet&&&&&&&&&& // the links&&&&& &A class="Styleswitcher" href="#" rel=default.css&Default Theme&/A&&&&&& &A class="Styleswitcher" href="#" rel=red.css&Red Theme&/A&&&&&& &A class="Styleswitcher" href="#" rel=blue.css&Blue Theme&/A&&&&&& });&&&7、列高度相同如果使用了两个CSS列，使用此种方式可以是两列的高度相同。&&&&&&&$(document).ready(function() {&&&&&&&&& function equalHeight(group) {&&&&&&&&&&&&& tallest = 0;&&&&&&&&&&&&& group.each(function() {&&&&&&&&&&&&&&&&& thisHeight = $(this).height();&&&&&&&&&&&&&&&&& if(thisHeight & tallest) {&&&&&&&&&&&&&&&&&&&&& tallest = thisH&&&&&&&&&&&&&&&&& }&&&&&&&&&&&&& });&&&&&&&&& group.height(tallest);&&&&& }&&&&& // how to use&&&&& $(document).ready(function() {&&&&&&&&& equalHeight($(".left"));&&&&&&&&& equalHeight($(".right"));&&&&& });&&&&& });&&8、&动态控制页面字体大小用户可以改变页面字体大小&&&&&&&$(document).ready(function() {&&&&&&&&&&& // Reset the font size(back to default)&&&&&&&&&&& var originalFontSize = $('html').css('font-size');&&&&&&&&&&&&& $(".resetFont").click(function(){&&&&&&&&&&&&& $('html').css('font-size', originalFontSize);&&&&&&&&&&& });&&&&&&&&&&& // Increase the font size(bigger font0&&&&&&&&&&& $(".increaseFont").click(function(){&&&&&&&&&&&&& var currentFontSize = $('html').css('font-size');&&&&&&&&& var currentFontSizeNum = parseFloat(currentFontSize, 10);&&&&&&&&& var newFontSize = currentFontSizeNum*1.2;&&&&&&&&& $('html').css('font-size', newFontSize);&&&&&&&&&&&&&&&& });&&&&&&& // Decrease the font size(smaller font)&&&&&&& $(".decreaseFont").click(function(){&&&&&&&&& var currentFontSize = $('html').css('font-size');&&&&&&&&& var currentFontSizeNum = parseFloat(currentFontSize, 10);&&&&&&&&& var newFontSize = currentFontSizeNum*0.8;&&&&&&&&& $('html').css('font-size', newFontSize);&&&&&&&&&&&&&&&& });&&&&& });
&9、返回页面顶部功能&&&&&& $(document).ready(function() {&&&&&&&&& $('a[href*=#]').click(function() {&&&&&&&&&& if (location.pathname.replace(/^///,'') == this.pathname.replace(/^///,'')&&&&&&&&&& && location.hostname == this.hostname) {&&&&&&&&&&&& var $target = $(this.hash);&&&&&&&&&&&& $target = $target.length && $target&&&&&&&&&&&& || $('[name=' + this.hash.slice(1) +']');&&&&&&&&&&&& if ($target.length) {&&&&&&&&&&& var targetOffset = $target.offset().&&&&&&& $('html,body')&&&&&&& .animate({scrollTop: targetOffset}, 900);&&&&&&&&&&&&&&&&& }&&&&&&& }&&&&&&& });&&&&& // how to use&&&&& // place this where you want to scroll to&&&&& &A name=top&&/A&&&&&& // the link&&&&& &A href="#top"&go to top&/A&&&&&& });&&10、获得鼠标指针ＸＹ值&&&&&& $(document).ready(function() {&&&&&&&&&&&& $().mousemove(function(e){&&&&&&&&&&&&&& //display the x and y axis values inside the div with the id XY&&&&&&&&&&&&& $('#XY').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);&&&&&&&&&&& });&&&&&&&&& // how to use&&&&&&&&& &DIV id=XY&&/DIV&&&&&&&&&&&&&&&&&&& });&&&11、验证元素是否为空&&&&&& $(document).ready(function() {&&&&&&&&&&& if ($('#id').html()) {&&&&&&&&&&&& // do something&&&&&&&&&&&& }&&&&&&&&& });&&&12、替换元素&&&&&& $(document).ready(function() {&&&&&&&&&&&& $('#id').replaceWith('&&&&&&&& &DIV&I have been replaced&/DIV&&&&&&&&&&&&&&&&& ');&&&&&&&&& });&&&13、jQuery延时加载功能&&&&&& $(document).ready(function() {&&&&&&&&&&&& window.setTimeout(function() {&&&&&&&&&&&&&& // do something&&&&&&&&&&&& }, 1000);&&&&&&&&& });&&14、&移除单词功能&&&&&& $(document).ready(function() {&&&&&&&&&&&& var el = $('#id');&&&&&&&&&&&& el.html(el.html().replace(/word/ig, ""));&&&&&&&&& });&&&15、验证元素是否存在于Ｊｑｕｅｒｙ对象集合中&&&&&& $(document).ready(function() {&&&&&&&&&&&& if ($('#id').length) {&&&&&&&&&&& // do something&&&&&&&&&&& }&&&&&&&&& });&&&16、使整个ＤＩＶ可点击&&&&&& $(document).ready(function() {&&&&&&&&&&&&& $("div").click(function(){&&&&&&&&&&&&&&& //get the url from href attribute and launch the url&&&&&&&&&&&&&&& window.location=$(this).find("a").attr("href");&&&&&&&&&&&&& });&&&&&&&&& // how to use&&&&&&&&& &DIV&&A href="index.html"&home&/A&&/DIV&&&&&&&&&&&&&&&&&&& });&&17、ID与Class之间转换当改变Window大小时，在ID与Class之间切换&&&&&& $(document).ready(function() {&&&&&&&&&&&& function checkWindowSize() {&&&&&&&&&&&&& if ( $(window).width() & 1200 ) {&&&&&&&&&&&&&&&&& $('body').addClass('large');&&&&&&&&&&&&& }&&&&&&&&&&&&& else {&&&&&&&&&&&&&&&&& $('body').removeClass('large');&&&&&&&&&&&&& }&&&&&&&&&&&& }&&&&& $(window).resize(checkWindowSize);&&&&& });
&18、克隆对象&&&&&& $(document).ready(function() {&&&&&&&&&&&& var cloned = $('#id').clone();&&&&&&&&& // how to use&&&&&&&&& &DIV id=id&&/DIV&&&&&&&&&&&&&&&&&&& });&&&18、使元素居屏幕中间位置&&&&&& $(document).ready(function() {&&&&&&&&&&& jQuery.fn.center = function () {&&&&&&&&&&&&&&& this.css("position","absolute");&&&&&&&&&&&&&&& this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");&&&&&&&&&&&&&& this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");&&&&&&&&&&&&&&&&&&&&&&&&&& }&&&&&&&&&&& $("#id").center();&&&&&&&&& });&&&19、写自己的选择器&&&&&& $(document).ready(function() {&&&&&&&&&&&& $.extend($.expr[':'], {&&&&&&&&&&&&&&&& moreThen1000px: function(a) {&&&&&&&&&&&&&&&&&&&& return $(a).width() & 1000;&&&&&&&&&&&&&&& }&&&&&&&&&&&& });&&&&&&&&&&& $('.box:moreThen1000px').click(function() {&&&&&&&&&&&&&&& // creating a simple js alert box&&&&&&&&&&&&&&& alert('The element that you have clicked is over 1000 pixels wide');&&&&&&& });&&&&& });&&&20、统计元素个数&&&&&& $(document).ready(function() {&&&&&&&&&&&& $("p").size();&&&&&&&&& });&&&21、使用自己的 Bullets&&&&&& $(document).ready(function() {&&&&&&&&&&&& $("ul").addClass("Replaced");&&&&&&&&&&&& $("ul & li").prepend("- ");&&&&&&&&&& // how to use&&&&&&&&&& ul.Replaced { list-style : }&&&&&&&&& });&&&22、引用Google主机上的Jquery类库Let Google host the jQuery script for you. This can be done in 2 ways.
&&&&&& //Example 1&&&&&&&&& &SCRIPT src="&&&&&&&&&& &SCRIPT type=text/javascript&&&&&&&&& google.load("jquery", "1.2.6");&&&&&&&& google.setOnLoadCallback(function() {&&&&&&&&&&&& // do something&&&&&&&& });&&&&&&&& &/SCRIPT&&SCRIPT src="" type=text/javascript&&/SCRIPT&&&&&&&&&&&&&&&& // Example 2:(the best and fastest way)&&&&& &SCRIPT src="" type=text/javascript&&/SCRIPT&&&&23、禁用Jquery（动画）效果&&&&&& $(document).ready(function() {&&&&&&&&&&&&& jQuery.fx.off =&&&&&&&&& });&&24、&与其他Javascript类库冲突解决方案&&&&&& $(document).ready(function() {&&&&&&&&&&&& var $jq = jQuery.noConflict();&&&&&&&&&&&& $jq('#id').show();&&&&&&&&& });
阅读(...) 评论()如何使得不使用鼠标时，自动隐藏鼠标指针？_firefox吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：72,101贴子：
如何使得不使用鼠标时，自动隐藏鼠标指针？收藏
使用一些程序时暂时用不到鼠标，快捷键操作。如何使得不使用鼠标时，自动隐藏鼠标指针？在移动鼠标时再自动显示鼠标指针？
web/Java报表工具,会用Excel就会开发报表超级易用,且支持中国式报表。
把鼠标指针拖到屏幕最下方不就可以了吗。
2楼+1——我喂自己袋盐&&Mozilla/5.0 (Windows NT 6.2; rv:21.0) Gecko/ Firefox/21.0
记得貌似有个快捷键……不知道记错了没……你Google一下…
我有两个工具，一个是EXE，一个是ahk脚本，两个的目的都是隐藏鼠标，但是效果都不太好，好像EXE的有一个BUG（不知道怎么触发的），会导致鼠标消失（重新选择鼠标样式就行了）
同新求罩另外回复最多10图.有1点经验[]上面有10个图,没队形脚本,手工复制发帖也有经验加.
不知——现在是日 第2季度 星期天 10时40分30秒115毫秒——
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或本帖子已过去太久远了，不再提供回复功能。2014年2月 扩充话题大版内专家分月排行榜第二
2014年6月 扩充话题大版内专家分月排行榜第二
2014年11月 扩充话题大版内专家分月排行榜第三2014年10月 扩充话题大版内专家分月排行榜第三
2014年2月 扩充话题大版内专家分月排行榜第二
2016年4月 扩充话题大版内专家分月排行榜第二2015年10月 扩充话题大版内专家分月排行榜第二2015年9月 扩充话题大版内专家分月排行榜第二
2016年2月 扩充话题大版内专家分月排行榜第二
2016年3月 扩充话题大版内专家分月排行榜第三2015年12月 扩充话题大版内专家分月排行榜第三2015年11月 扩充话题大版内专家分月排行榜第三2013年11月 扩充话题大版内专家分月排行榜第三2013年10月 扩充话题大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。}