VisualStudio下的JS&CSS压缩和编辑插件

蓝莓榨汁后会剩下很多的果渣，这种可以用来敷面膜，可以用来煮粥吃，还可以做果酱糖果，还可以用来做肥料等。

蓝莓榨汁剩下的果渣还能做果酱吗可以。

制作果酱的材料:蓝莓渣、蜂蜜、白糖、盐。

果酱的制作步骤如下:1.将蓝莓渣、白糖、盐放入锅中；2.放入适量清水，大火烧开，再转中小火煲1小时左右；3.当锅里的水少了，汤变得微粘时，将锅离火；4.加入蜂蜜，继续小火煮，不断搅拌，直到蓝莓酱变得粘稠；5.冷却，装瓶，密封，冷藏。

提示:1.加入蜂蜜后更容易糊底，烹饪时需要不断搅拌；2.蓝莓酱含水量越少，越不容易变质；3.瓶子里的果酱尽量装满，内部空气体很少利于长期保存。

蓝莓榨汁剩下的果渣还能做什么可以把它做成各种蔬菜、水果馅饼，蔬菜渣可以做成带点盐味的饼，水果渣则可以做成带点甜味的饼；熬粥时可以放入，营养一并入肚；加糖、蜂蜜、少量盐后做成果酱；直接用来喂养宠物。

1、敷脸上做面膜。

每次使用50克左右的果汁残渣，用喷水壶加水适量敷脸上10到15分钟起到美容养颜的作用。

2、熬粥放里面可以调口感。

熬小米粥，八宝粥的时候，可以加入50g左右增加口感。

3、加奶油巧克力冰箱冷藏除水后做成糖果。

奶油30克、巧克力15克、白糖适量、加果汁残渣20克左右搅拌均匀，放入冰箱冷冻，一天后即可。

4、倒入花盆中当花草的肥料。

君子兰和金钻等植物每盆可以加入果汁残渣200克左右，每天喷水适量让果汁残渣慢慢腐烂，给植物增加营养成分。

喝蓝莓汁的好处1、蓝莓汁当中富含有一定的维生素A，对于视网膜感光物质补充的作用会非常的明显；2、蓝莓汁含有丰富的花青素，能够增强抗病能力喝；3、喝蓝莓汁能够为机体补充维生素C，而维生素C对于提高机体免疫力有着重要的作用。

4、蓝莓汁当中还含有丰富的有机酸，能够很好的促进消化液分泌，以增进食欲。

比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。

具体如下：1. 禁止右键点击view plaincopy to clipboardprint?1. $(document).ready(function(){2. $(document).bind("contextmenu",function(e){3. return false;4. });5. });2. 隐藏搜索文本框文字view plaincopy to clipboardprint?1. $(document).ready(function() {2. $("input.text1").val("Enter your search text here");3. textFill($(‘input.text1‘));4. });5.6. function textFill(input){ //input focus text function7. var originalvalue = input.val();8. input.focus( function(){9. if( $.trim(input.val()) == originalvalue ){ input.val(‘‘); }10. });11. input.blur( function(){12. if( $.trim(input.val()) == ‘‘ ){ input.val(originalvalue); }13. });14. }3. 在新窗口中打开链接view plaincopy to clipboardprint?1. $(document).ready(function() {2. //Example 1: Every link will open in a new window3. $(‘a[href^="http://"]‘).attr("target", "_blank");4.5. //Example 2: Links with the rel="external" attribute will only open in a new window6. $(‘a[@rel$=‘external‘]‘).click(function(){7. this.target = "_blank";8. });9. });10. // how to use11. 4. 检测浏览器注: 在版本jQuery 1.4中，$.support 替换掉了$.browser 变量。

view plaincopy to clipboardprint?1. $(document).ready(function() {2. // Target firefox 2 and above3. if ($.browser.mozilla && $.browser.version >= "1.8" ){4. // do something5. }6.7. // Target Safari8. if( $.browser.safari ){9. // do something10. }11.12. // Target Chrome13. if( $.browser.chrome){14. // do something15. }16.17. // Target Camino18. if( $.browser.camino){19. // do something20. }21.22. // Target Opera23. if( $.browser.opera){24. // do something25. }26.27. // Target IE6 and below28. if ($.browser.msie && $.browser.version 6){34. // do something35. }36. });5. 预加载图片view plaincopy to clipboardprint?1. $(document).ready(function() {2. jQuery.preloadImages = function()3. {4. for(var i = 0; i").attr("src", arguments[i]);5. }6. };7. // how to use8. $.preloadImages("image1.jpg");9. });6. 页面样式切换view plaincopy to clipboardprint?1. $(document).ready(function() {2. $("a.Styleswitcher").click(function() {3. //swicth the LINK REL attribute with the value in A REL attribute4. $(‘link[rel=stylesheet]‘).attr(‘href‘ , $(this).attr(‘rel‘));5. });6. // how to use7. // place this in your header8. 9. // the links10. 11. 12. 13. });7. 列高度相同如果使用了两个CSS列，使用此种方式可以是两列的高度相同。

view plaincopy to clipboardprint?1. $(document).ready(function() {2. function equalHeight(group) {3. tallest = 0;4. group.each(function() {5. thisHeight = $(this).height();6. if(thisHeight > tallest) {7. tallest = thisHeight;8. }9. });10. group.height(tallest);11. }12. // how to use13. $(document).ready(function() {14. equalHeight($(".left"));15. equalHeight($(".right"));16. });17. });8. 动态控制页面字体大小用户可以改变页面字体大小view plaincopy to clipboardprint?1. $(document).ready(function() {2. // Reset the font size(back to default)3. var originalFontSize = $(‘html‘).css(‘font-size‘);4. $(".resetFont").click(function(){5. $(‘html‘).css(‘font-size‘, originalFontSize);6. });7. // Increase the font size(bigger font08. $(".increaseFont").click(function(){9. var currentFontSize = $(‘html‘).css(‘font-size‘);10. var currentFontSizeNum = parseFloat(currentFontSize, 10);11. var newFontSize = currentFontSizeNum*1.2;12. $(‘html‘).css(‘font-size‘, newFontSize);13. return false;14. });15. // Decrease the font size(smaller font)16. $(".decreaseFont").click(function(){17. var currentFontSize = $(‘html‘).css(‘font-size‘);18. var currentFontSizeNum = parseFloat(currentFontSize, 10);19. var newFontSize = currentFontSizeNum*0.8;20. $(‘html‘).css(‘font-size‘, newFontSize);21. return false;22. });23. });9. 返回页面顶部功能view plaincopy to clipboardprint?1. $(document).ready(function() {2. $(‘a[href*=#]‘).click(function() {3. if (location.pathname.replace(/^\//,‘‘) == this.pathname.replace(/^\//,‘‘)4. && location.hostname == this.hostname) {5. var $target = $(this.hash);6. $target = $target.length && $target7. || $(‘[name=‘ + this.hash.slice(1) +‘]‘);8. if ($target.length) {9. var targetOffset = $target.offset().top;10. $(‘html,body‘)11. .animate({scrollTop: targetOffset}, 900);12. return false;13. }14. }15. });16. // how to use17. // place this where you want to scroll to18. 19. // the link20. 21. });11.获得鼠标指针ＸＹ值view plaincopy to clipboardprint?1. $(document).ready(function() {2. $().mousemove(function(e){3. //display the x and y axis values inside the div with the id XY4. $(‘#XY‘).html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);5. });6. // how to use7. 8.9. });12. 验证元素是否为空view plaincopy to clipboardprint?1. $(document).ready(function() {2. if ($(‘#id‘).html()) {3. // do something4. }5. });13. 替换元素view plaincopy to clipboardprint?1. $(document).ready(function() {2. $(‘#id‘).replaceWith(‘3. I have been replaced4.5. ‘);6. });14. jQuery延时加载功能view plaincopy to clipboardprint?1. $(document).ready(function() {2. window.setTimeout(function() {3. // do something4. }, 1000);5. });15. 移除单词功能view plaincopy to clipboardprint?1. $(document).ready(function() {2. var el = $(‘#id‘);3. el.html(el.html().replace(/word/ig, ""));4. });16. 验证元素是否存在于Ｊｑｕｅｒｙ对象集合中view plaincopy to clipboardprint?1. $(document).ready(function() {2. if ($(‘#id‘).length) {3. // do something4. }5. });17. 使整个ＤＩＶ可点击view plaincopy to clipboardprint?1. $(document).ready(function() {2. $("div").click(function(){3. //get the url from href attribute and launch the url4. window.location=$(this).find("a").attr("href"); return false;5. });6. // how to use7. 8.9. });18.ID与Class之间转换当改变Window大小时，在ID与Class之间切换view plaincopy to clipboardprint?1. $(document).ready(function() {2. function checkWindowSize() {3. if ( $(window).width() > 1200 ) {4. $(‘body‘).addClass(‘large‘);5. }6. else {7. $(‘body‘).removeClass(‘large‘);8. }9. }10. $(window).resize(checkWindowSize);11. });19. 克隆对象view plaincopy to clipboardprint?1. $(document).ready(function() {2. var cloned = $(‘#id‘).clone();3. // how to use4. 5.6. });20. 使元素居屏幕中间位置view plaincopy to clipboardprint?1. $(document).ready(function() {2. jQuery.fn.center = function () {3. this.css("position","absolute");4. this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");5. this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");6. return this;7. }8. $("#id").center();9. });21. 写自己的选择器view plaincopy to clipboardprint?1. $(document).ready(function() {2. $.extend($.expr[‘:‘], {3. moreThen1000px: function(a) {4. return $(a).width() > 1000;5. }6. });7. $(‘.box:moreThen1000px‘).click(function() {8. // creating a simple js alert box9. alert(‘The element that you have clicked is over 1000 pixels wide‘);10. });11. });22. 统计元素个数view plaincopy to clipboardprint?1. $(document).ready(function() {2. $("p").size();3. });23. 使用自己的 Bulletsview plaincopy to clipboardprint?1. $(document).ready(function() {2. $("ul").addClass("Replaced");3. $("ul > li").prepend(" ");4. // how to use5. ul.Replaced { list-style : none; }6. });24. 引用Google主机上的Jquery类库Let Google host the jQuery script for you. This can be done in 2 ways.view plaincopy to clipboardprint?1. //Example 12. 3. 9.10. // Example 2:(the best and fastest way)11. 25. 禁用Jquery（动画）效果view plaincopy to clipboardprint?1. $(document).ready(function() {2. jQuery.fx.off = true;3. });26. 与其他Javascript类库冲突解决方案view plaincopy to clipboardprint?1. $(document).ready(function() {2. var $jq = jQuery.noConflict();3. $jq(‘#id‘).show();4. }); 26个,Jquery,使用,小,技巧,jQuerytips,