26个Jquery使用小技巧

最新推荐文章于 2023-03-24 11:17:29 发布
最新推荐文章于 2023-03-24 11:17:29 发布
阅读量2.8k 收藏 4
点赞数
分类专栏： B/S Web开发技术
 下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。

1. 禁止右键点击

[javascript] view plain copy print ?
  1. $(document).ready(function(){  
  2.      $(document).bind("contextmenu",function(e){  
  3.          return false;  
  4.      });  
  5.  });   
$(document).ready(function(){
     $(document).bind("contextmenu",function(e){
         return false;
     });
 });

2. 隐藏搜索文本框文字

[javascript] view plain copy print ?
  1. $(document).ready(function() {   
  2. $("input.text1").val("Enter your search text here");     
  3.     textFill($('input.text1'));   
  4. });  
  5.      function textFill(input){ //input focus text function  
  6.      var originalvalue = input.val();  
  7.      input.focus( function(){  
  8.          if( $.trim(input.val()) == originalvalue ){ input.val(''); }   
  9.     });  
  10.      input.blur( function(){  
  11.          if( $.trim(input.val()) == '' ){ input.val(originalvalue); }  
  12.      });  
  13.  }   
$(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. 在新窗口中打开链接

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     //Example 1: Every link will open in a new window  
  3.     $('a[href^="http://"]').attr("target", "_blank");  
  4.   
  5.     //Example 2: Links with the rel="external" attribute will only open in a new window  
  6.     $('a[@rel$='external']').click(function(){  
  7.        this.target = "_blank";  
  8.     });  
  9.  });  
  10.    
  11. // how to use  
  12.  <A href="http://www.opensourcehunter.com" rel=external>open link</A>   
$(document).ready(function() {
    //Example 1: Every link will open in a new window
    $('a[href^="http://"]').attr("target", "_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="http://www.opensourcehunter.com" rel=external>open link</A>


4. 检测浏览器

注: 在版本jQuery 1.4中，$.support 替换掉了$.browser 变量

[javascript] view plain copy print ?
  1. $(document).ready(function(){  
  2.  // Target Firefox 2 and above  
  3.  if ($.browser.mozilla && $.browser.version >= "1.8" ){  
  4.      // do something  
  5.  }  
  6.   
  7.    // Target Safari  
  8.  if( $.browser.safari ){  
  9.      // do something  
  10.  }  
  11.   
  12.    // Target Chrome  
  13.  if( $.browser.chrome){  
  14.      // do something  
  15.  }  
  16.   
  17.    // Target Camino  
  18.  if( $.browser.camino){  
  19.      // do something  
  20.  }  
  21.   
  22.    // Target Opera  
  23.  if( $.browser.opera){  
  24.      // do something  
  25.  }  
  26.    
  27.   // Target IE6 and below  
  28.  if ($.browser.msie && $.browser.version <= 6 ){  
  29.      // do something  
  30.  }  
  31.      
  32.     // Target anything above IE6  
  33.  if ($.browser.msie && $.browser.version > 6){  
  34.      // do something  
  35.  }  
  36.   
  37.  });   
$(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. 预加载图片

[javascript] view plain copy print ?
  1. $(document).ready(function(){  
  2.  jQuery.preloadImages = function()  
  3.  {  
  4.    for(var i = 0; i<ARGUMENTS.LENGTH; jQuery(?<img { i++)>").attr("src", arguments[i]);  
  5.    }  
  6.  }  
  7.  // how to use  
  8.  $.preloadImages("image1.jpg");   
  9. });   
$(document).ready(function(){
 jQuery.preloadImages = function()
 {
   for(var i = 0; i<ARGUMENTS.LENGTH; jQuery(?<img { i++)>").attr("src", arguments[i]);
   }
 }
 // how to use
 $.preloadImages("image1.jpg"); 
});


6. 页面样式切换

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.      $("a.Styleswitcher").click(function() {  
  3.          //swicth the LINK REL attribute with the value in A REL attribute  
  4.          $('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));  
  5.      });  
  6.  // how to use  
  7.  // place this in your header  
  8.  <LINK rel=stylesheet type=text/css href="default.css">  
  9.  // the links  
  10.  <A class=Styleswitcher href="#" rel=default.css>Default Theme</A>  
  11.  <A class=Styleswitcher href="#" rel=red.css>Red Theme</A>  
  12.  <A class=Styleswitcher href="#" rel=blue.css>Blue Theme</A>  
  13.  });  
$(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 rel=stylesheet type=text/css href="default.css">
 // 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列，使用此种方式可以是两列的高度相同。

[javascript] view plain copy print ?
  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 use  
  13.  $(document).ready(function() {  
  14.      equalHeight($(".left"));  
  15.      equalHeight($(".right"));  
  16.  });  
  17.  });  
$(document).ready(function() {
   function equalHeight(group) {
     tallest = 0;
     group.each(function() {
         thisHeight = $(this).height();
         if(thisHeight > tallest) {
             tallest = thisHeight;
         }
     });
     group.height(tallest);
 }
 // how to use
 $(document).ready(function() {
     equalHeight($(".left"));
     equalHeight($(".right"));
 });
 });


8. 动态控制页面字体大小

用户可以改变页面字体大小

[javascript] view plain copy print ?
  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 font0  
  8.    $(".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.    // Decrease the font size(smaller font)  
  15.    $(".decreaseFont").click(function(){  
  16.      var currentFontSize = $('html').css('font-size');  
  17.      var currentFontSizeNum = parseFloat(currentFontSize, 10);  
  18.      var newFontSize = currentFontSizeNum*0.8;  
  19.      $('html').css('font-size', newFontSize);  
  20.      return false;  
  21.    });  
  22.  });   
  23.    
  24.    
$(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);
     return false;   });
   // 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);
     return false;
   });
 });


9. 返回页面顶部功能

[javascript] view plain copy print ?
  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 && $target  
  7.     || $('[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 use  
  17.  // place this where you want to scroll to  
  18.  <A name=top></A>  
  19.  // the link  
  20.  <A href="#top">go to top</A>  
  21.  });   
$(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().top;
   $('html,body')
   .animate({scrollTop: targetOffset}, 900);
     return false;
    }
   }
   });
 // how to use
 // place this where you want to scroll to
 <A name=top></A>
 // the link
 <A href="#top">go to top</A>
 });


11. 获得鼠标指针ＸＹ值

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     $().mousemove(function(e){  
  3.       //display the x and y axis values inside the div with the id XY  
  4.      $('#XY').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);  
  5.    }); // how to use  
  6.  <DIV id=XY></DIV>  
  7.    });   
$(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>
   });


12. 验证元素是否为空

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.    if ($('#id').html()) {  
  3.     // do something  
  4.     }  
  5.  });  
$(document).ready(function() {
   if ($('#id').html()) {
    // do something
    }
 });


13. 替换元素

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     $('#id').replaceWith('  
  3.  <DIV>I have been replaced</DIV>  
  4.    ');  
  5.  });   
$(document).ready(function() {
    $('#id').replaceWith('
 <DIV>I have been replaced</DIV>
   ');
 });


14. jQuery延时加载功能

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     window.setTimeout(function() {  
  3.       // do something  
  4.     }, 1000);  
  5.  });   
  6.   
  7.    
$(document).ready(function() {
    window.setTimeout(function() {
      // do something
    }, 1000);
 });


15. 移除单词功能

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     var el = $('#id');  
  3.     el.html(el.html().replace(/word/ig, ""));  
  4.  });   
$(document).ready(function() {
    var el = $('#id');
    el.html(el.html().replace(/word/ig, ""));
 });


16. 验证元素是否存在于jquery对象集合中

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     if ($('#id').length) {  
  3.    // do something  
  4.    }  
  5.  });   
$(document).ready(function() {
    if ($('#id').length) {
   // do something
   }
 });


17. 使整个DIV可点击

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.      $("div").click(function(){  
  3.        //get the url from href attribute and launch the url  
  4.        window.location=$(this).find("a").attr("href"); return false;  
  5.      });  
  6.  // how to use  
  7.  <DIV><A href="index.html">home</A></DIV>  
  8.    });   
$(document).ready(function() {
     $("div").click(function(){
       //get the url from href attribute and launch the url
       window.location=$(this).find("a").attr("href"); return false;
     });
 // how to use
 <DIV><A href="index.html">home</A></DIV>
   });


18. ID与Class之间转换.

当改变Window大小时，在ID与Class之间切换

[javascript] view plain copy print ?
  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.  });   
$(document).ready(function() {
    function checkWindowSize() {
     if ( $(window).width() > 1200 ) {
         $('body').addClass('large');
     }
     else {
         $('body').removeClass('large');
     }
    }
 $(window).resize(checkWindowSize);
 });


19. 克隆对象

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     var cloned = $('#id').clone();  
  3.  // how to use  
  4.  <DIV id=id></DIV>  
  5.    });   
$(document).ready(function() {
    var cloned = $('#id').clone();
 // how to use
 <DIV id=id></DIV>
   });


20. 使元素居屏幕中间位置

[javascript] view plain copy print ?
  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.  });   
$(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"); 
      return this;
   }
   $("#id").center();
 });


21. 写自己的选择器

[javascript] view plain copy print ?
  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 box  
  9.        alert('The element that you have clicked is over 1000 pixels wide');  
  10.    });  
  11.  });  
$(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');
   });
 });


22. 统计元素个数

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     $("p").size();  
  3.  });   
$(document).ready(function() {
    $("p").size();
 });


23. 使用自己的 Bullets

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     $("ul").addClass("Replaced");  
  3.     $("ul > li").prepend("‒ ");  
  4.   // how to use  
  5.   ul.Replaced { list-style : none; }  
  6.  });   
$(document).ready(function() {
    $("ul").addClass("Replaced");
    $("ul > li").prepend("‒ ");
  // how to use
  ul.Replaced { list-style : none; }
 });


24. 引用Google主机上的Jquery类库

[javascript] view plain copy print ?
  1. //Example 1  
  2.  <SCRIPT src="http://www.google.com/jsapi"></SCRIPT>  
  3.  <SCRIPT type=text/javascript> google.load("jquery", "1.2.6");  
  4.  google.setOnLoadCallback(function() {  
  5.      // do something });  
  6.  </SCRIPT><SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></SCRIPT>  
  7.     // Example 2:(the best and fastest way)  
  8.  <SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></SCRIPT>   
  9.    
//Example 1
 <SCRIPT src="http://www.google.com/jsapi"></SCRIPT>
 <SCRIPT type=text/javascript> google.load("jquery", "1.2.6");
 google.setOnLoadCallback(function() {
     // do something });
 </SCRIPT><SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></SCRIPT>
    // Example 2:(the best and fastest way)
 <SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></SCRIPT>


25. 禁用Jquery（动画）效果

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     jQuery.fx.off = true;  
  3. });   
 $(document).ready(function() {
     jQuery.fx.off = true;
 });


26. 与其他Javascript类库冲突解决方案

[javascript] view plain copy print ?
  1. $(document).ready(function() {  
  2.     var $jq = jQuery.noConflict();  
  3.     $jq('#id').show();  
  4.  });   
$(document).ready(function() {
    var $jq = jQuery.noConflict();
    $jq('#id').show();
 });

邢海芳
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
HTML5事件——contextmenu 隐藏鼠标右键菜单
根是地下的枝
07-11 1万+
在window中单击右键或在Mac中Ctrl+单击时会触发contextmenu事件，通过取消其默认动作可以提供自定义事件。
26个Jquery使用技巧（值得收藏）
ykblog.github.io
01-02 1397
下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery
HarmonyOS/OpenHarmony应用开发-bindContextMenu绑定菜单选项
weixin_69135651的博客
03-24 354
在页面范围内关闭通过bindContextMenu属性绑定的菜单。 （api8开始支持）
JavaScript 事件 快速使用入门
热门推荐
蚩尤后裔-汪茂雄
10-22 1万+
目录 oncontextmenu事件 禁用右击事件 onbeforeunload 事件 使用示例 oncontextmenu事件 1、oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。友情参考：http://www.runoob.com/jsref/event-oncontextmenu.html 2、注意：所有浏览器都支持 oncontextmenu ...
contextmenu 鼠标右键菜单功能
qq_17627195的博客
02-18 884
contextmenu分为事件和属性 contextmenu 作为事件的时候 oncontextmenu 事件在元素中用户右击鼠标时触发函数方法。 例子： HTML中： <div oncontextmenu="myFunction()" contextmenu="mymenu"> JavaScript中： object.oncontextmenu=function(){code}; JavaScript中，使用addEventListener()方法： object.addEventLi
Jquery使用小技巧汇总
10-23
以下是一些实用的JQuery使用小技巧，涵盖了多个方面，包括用户交互、页面行为、兼容性处理等。 1. **禁止右键点击**：通过监听`contextmenu`事件并返回`false`，可以阻止用户在页面上右键点击。 ```javascript $...
jQuery使用经验小技巧(推荐)
11-25
以下是一些关于jQuery插件开发的实用技巧： 1. **使用闭包封装代码**： 把所有插件代码包裹在立即执行的函数表达式（IIFE）中，可以避免全局变量污染，并确保代码的独立性。这样做的好处是每个插件实例都有自己的...
前端开发必知的15个jQuery小技巧
10-20
以下是对标题和描述中提到的15个jQuery小技巧的详细说明： 1、**返回顶部按钮**： 使用`animate()`和`scrollTop()`方法，可以实现无插件的返回顶部动画效果。当用户点击带有`.top`类的元素时，页面会在800毫秒内...
JQuery之ContextMenu(右键菜单)
weixin_33985507的博客
09-18 312
插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.jsJquery主页: http://jquery.com/插件...
jQuery contextMenu自定义上下文插件插件简单使用
yanhappiness
07-08 1641
jQuery contextMenu自定义上下文插件插件最近有需求需要禁用浏览器默认的右键，自定义新的功能，用到了 jQuery contextMenu这个插件，这个插件主要是用于创建右键弹出菜单的jQuery插件官网地址 github地址 第一步：下载包 源码是放在github上的，我是通过git下载的 git clone https://github.com/swisnl/jQuery-co
jQuery右键菜单contextMenu实例
weixin_34409741的博客
09-28 237
       好久没写博客了，今天简单介绍一款jQuery鼠标右键菜单contextMenu，这里首先要感谢 我的漫漫程序之旅（原文http://www.blogjava.net/supercrsky/articles/250091.html）。在最近项目中需要频繁的右键菜单操作。我采用了contextMenu这款jQuery插件。     在下面我们将设计一个场景，表格grid需要在每行实现鼠...
jQuery禁止鼠标右键
jzz111的专栏
04-25 974
jQuery屏蔽鼠标右键： $(document).ready(function(){       $(document).bind("contextmenu",function(e){              return false;        }); }); ----------------------------------------------------------
12个Jquery使用技巧
Winn~
09-18 610
1. 禁止右键点击 [javascript] view plaincopy $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); [javascript] view plain c
26 个 jQuery使用技巧
web前端开发
03-06 135
来源 | https://www.fly63.com1、禁用右键点击（Disable right-click）$(document).ready(function(){ $(do...
jQuery--右键菜单功能
lansdmn的专栏
01-13 620
   $(document).ready(function() {            var menu = $("#menuDiv");            var panel = $("#main_wrapper");            var eX = 0;            var eY = 0;　　　　　　　　//给Div元素绑定一个右键单击事件           
磁力链磁力链磁力链.txt
最新发布
07-22
磁力链
“人力资源+大数据+薪酬报告+涨薪调薪”
07-22
人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。
jQuery选择器与操作技巧详解
jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。快速全面了解jQuery，首先要明白jQuery的核心概念。 1. **jQuery对象与DOM对象转换** - jQuery对象是由jQuery...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值