> 软件开发 > Java > 正文 常用jquery使用技巧 2011-09-13               我要投稿

一、ajax的应用
Java代码 
$.ajax({url: 'stat.php', 
 
type: 'POST', 
 
data:{Name:"keyun"}, 
 
dataType: 'html', 
 
timeout: 1000, 
 
error: function(){alert('Error loading PHP document');}, 
 
success: function(result){alert(result);} 
 
});  

二、禁止鼠标右键

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

三、隐藏搜索框文本

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

四、返回页面顶部

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

五、延时加载功能

Java代码 
$(document).ready(function() { 
window.setTimeout(function() { 
// do something 
}, 1000); 
});  

六、使元素居于屏幕中间
Java代码 
$(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(); 
});  

七、引用google主机上的jquery类库
Java代码 
<SCRIPT src=""></SCRIPT> 
<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>  

 

希望以上内容在大家在JQUERY的日常使用中能够起到一定的作用。

作者“Java民工”
 

点击复制链接 与好友分享!回本站首页 上一篇：Java判断字符串中是否包含汉字 下一篇：Java NIO入门（四）Buffer内部原理 相关文章

Java源码：URL编程

将Java的class文件转为EXE文件的八种方

Java一点通：中文识别问题全解决办法

Java人生:J2ee学习流程

利用Java实现zip压缩/解压缩

澄清 Java 的接口与继承机制

Java异常处理的陋习展播

java入门学习指导之最佳方向

Java多线程程序设计详细解析

Java进阶篇：RMS从入门到精通系列之一

图文推荐