jq小技巧

小技巧

以下是几个别人收集我用到了的jQuery小技巧

1. 禁止右键点击,即绑定右键目录放回false

   $(document).ready(function() {
     $(document).bind("contextmenu",function(e) {
       return false;
     })
   })

2. 监测浏览器
   以mozilla为例

   $(document).ready(function() { 
       // Target Firefox 2 and above 
    if ($.browser.mozilla && $.browser.version >= "1.8" ){ 
        // do something 
    }});

3. 预加载图片

$.preloadImages = function() {
  for (var i = 0; i < arguments.length; i++) { $('<img>').attr('src', arguments[i]);
}}

1. 简单的手风琴效果

$('#accordion').find('.content').hide(); 
$('#accordion').find('.accordion-header').click(function () {
    var next = $(this).next(); 
    next.slideToggle('fast'); 
    $('.content').not(next).slideUp('fast'); 
    return false; });

1. 验证元素是否为空

$(document).ready(function() {
  if($('#id').html()){
      //doSomething
  }
});

1. 替换元素

$(document).ready(function() {
  $('#id').replaceWith('<DIV>I have benn good</DIV>');
});

1. 克隆对象

$(document).ready(function() {
  $('#div').clone().prepentTo('p');
})

1. 自己的选择器

$(document).ready(function() {
  $.extend($.expr[':'],{
      moreThan1000px:function(a) {
        return $(a).width()>1000
      }
  })
  $('box:moreThan1000px').click(function() {
    //doSomething
  })
})

1. 禁用Jquery(动画)效果

$.fx.off = true;

赏

谢谢你请我吃糖果