jQuery的实用小技巧

1. 禁止右键点击

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

2. 隐藏搜索文本框文字

$(function(){
  $('input.text').val('enter text here');
  textFill($('input.text'));
});

function textFill(text){
  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. 在新窗口中打开链接

$(function(){
  //符合要求的链接会在新窗口打开
  $('a[href^="http://"]').attr('target', '_blank');
  
  //attribute rel='external' will only open in a new window
  $('a[@rel$="external"]').click(function(){
    this.target='_blank';
  });
});


<A href="http://www.baidu.com" rel=external>open link</A> 

4. 页面样式切换

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