分享五个有用的jquery小技巧
2015-10-08 00:00
711 查看
下文里技巧实现的效果虽然并不新鲜,但通过jQuery的封装,HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标,也许它简单,但是它能量巨大。一起来看看脚本之家小编推荐给大家的五个非常实用的jQuery技巧。
1.禁用鼠标右键
$(document).ready(function() { $(document).bind("contextmenu", function(e) { return false; }); });
当然jquery1.7版本以后bind()函数推荐用on()来代替。
2.让内容闪烁起来
$.fn.flash = function(color, duration) { var current = this.css('color'); this.animate( {color: 'rgb(' + color + ')'}, duration / 2); this.animate( {color: current}, duration / 2); } $('#someid').flash('255,0,0', 1000);
3.DOM加载完成的简写形式
$(function() { // document is ready.. })
4.探测浏览器
// Safari if( $.browser.safari ) { //do something } //Above IE6 if ($.browser.msie && $.browser.version > 6 ) { //do something } // IE6 and below if ($.browser.msie && $.browser.version < 6 ) { //do something } // Firefox 2 and above if ($.browser.mozilla && $.browser.version >= "1.8" ) { //do something }
5.判断元素是否存在
if($("#someDiv").length) { // yes it does, do something... }
以上跟大家分享了五个有用的jquery小技巧,希望大家喜欢。
相关文章推荐
- jQuery实现仿微软首页感应鼠标变化滑动窗口效果
- jQuery仅用3行代码实现的显示与隐藏功能完整实例
- Jquery中使用show()与hide()方法动画显示和隐藏图片
- jQuery表格行上移下移和置顶的实现方法
- JQuery小知识
- jQuery eq与取下标的纠葛
- Jquery 获取对象的几种方式
- jquery 使用概览
- 9、第九节课jquery选择器jq2,20151007
- jQuery设计理念
- Code optimization and organization in Javascript / jQuery
- js的链式调用-如何实现类似jquery的链式调用
- jQuery源码分析之closest,has,addBack,addSelf,add方法
- jQuery Mobile基础03----jQuery Mobile Widgets-button
- jQuery Mobile基础02----jQuery Mobile Widgets-page(跳转效果
- 简单的百度预测搜索功能(php+jQuery+js+ajax)
- 报表增删改开发过程中知识整合
- jquery 获取下拉框值与select text
- 7款jQuery图片轮播滑动插件
- 分享15款为jQuery Mobile定制的插件