`
geshenyi
  • 浏览: 100927 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQuery 5个小技巧

阅读更多
JQuery是个不错的框架,以下总结了5个每个网站开发者都应该知道的小技巧:



1.禁用右键菜单



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

2.让字体闪烁



jQuery.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.准备文档替换方案



$(function(){
//document is ready do something
});

4.检测browser



// 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 提供了一种简洁且强大的方式来实现这一目标。通过 `$(selector)` 函数,我们...

    jQuery使用经验小技巧(推荐)

    以下是一些关于jQuery使用经验的小技巧,这些技巧可以帮助你编写更加高效、可维护的jQuery插件。 1. **使用闭包封装代码**: 将jQuery插件的代码放在立即执行的匿名函数(IIFE)中,如 `(function($) { ... })...

    Jquery使用小技巧汇总

    以下是一些实用的JQuery使用小技巧,涵盖了多个方面,包括用户交互、页面行为、兼容性处理等。 1. **禁止右键点击**:通过监听`contextmenu`事件并返回`false`,可以阻止用户在页面上右键点击。 ```javascript $...

    26个Jquery使用小技巧

    根据给定的文件信息,以下是对“26个Jquery使用小技巧...以上五个技巧仅是“26个Jquery使用小技巧”中的部分内容,它们覆盖了从事件处理、DOM操作到浏览器兼容性检查等多个方面,充分展示了jQuery的强大功能和灵活性。

    15个Jquery 技巧

    ### 15个jQuery技巧深度解析 在前端开发领域,jQuery作为一款优秀的JavaScript库,以其简洁、高效的特点深受开发者喜爱。以下是对“15个Jquery 技巧”文章中的核心知识点进行的深入分析,旨在帮助使用jQuery框架的...

    2个jquery小游戏

    标题 "2个jquery小游戏" 暗示了我们将探讨基于jQuery技术开发的两款小型互动游戏。jQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得开发者能更轻松地创建动态网页...

    jQuery使用的小例子

    这个“jQuery使用的小例子”压缩包很可能是包含了一系列实用的代码片段,帮助学习者深入理解jQuery的基本用法和高级技巧。 首先,jQuery的核心理念是“Write Less, Do More”,即用更少的代码实现更多的功能。例如...

    js 小项目练习,jQuery 小例子

    **jQuery小项目** 在"js 小项目练习,jQuery 小例子"中,我们可以看到几个基于jQuery实现的常见功能: 1. **菜单**:jQuery可以轻松地创建动态菜单,包括下拉菜单、滑动菜单等。通过监听用户的鼠标事件,如hover...

    jQuery前端开发35个小技巧

    废话不说 直接代码,有问题可以一起交流 ...$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); });...2. 隐藏搜索文本框文字 Hide when clicked in the search field, the ...

    50个jQuery Mobile开发技巧集萃

    ### 50个jQuery Mobile开发技巧集萃 #### 1. Backbone移动实例 - **知识点**: 使用Backbone.js与jQuery Mobile结合开发移动应用。 - **详细介绍**: - **概念理解**: Backbone.js 是一个轻量级的JavaScript框架,...

    50个Jquery经典实例 50个Jquery经典实例

    《50个jQuery经典实例》是一份集合了众多实用且高效jQuery代码的资源,它旨在帮助开发者提升在网页开发中的动态效果实现能力。jQuery作为一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画设计和Ajax交互...

    jQuery坦克大战网页小游戏.zip

    总的来说,《jQuery坦克大战网页小游戏》是一个集HTML5、CSS3和JavaScript技术于一体的互动项目,展示了Web技术在游戏开发领域的应用潜力。通过这个项目,开发者不仅可以锻炼JavaScript编程能力,还能学习到游戏开发...

    在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)

    标题中提到的是“在其他地方你学不到的jQuery小贴士和技巧”,而描述中强调了这些技巧的实用性和收藏价值。在内容部分,列出了一些具体的技巧实例,下面将这些技巧做详细解读。 1. 禁用鼠标右键单击 这是一个简单...

    jquery仿天猫列表

    【jQuery仿天猫列表】是一个基于jQuery技术实现的电商网站菜单导航页面模板,旨在为开发者提供一个便捷、高效的方式来创建类似天猫的用户体验。这个项目主要涵盖了前端网页设计、交互效果以及响应式布局等多个方面,...

    jquerymobile学习小项目

    **jQuery Mobile 学习小项目** `jQuery Mobile` 是一个基于 `jQuery` 库的轻量级、触屏友好的前端框架,专为移动设备设计,用于构建响应式和交互式的移动应用程序。这个项目旨在帮助新手快速入门 `jQuery Mobile` ...

    100多个 jquery例子

    此外,理解每个例子的工作原理有助于提升 jQuery 编程技巧。配合 jQuery 官方文档和在线教程,如 W3School 和 MDN,你将更深入地掌握这一强大的库。 总结来说,"100多个jQuery例子"的压缩包提供了大量实践案例,...

    jquery-3.5.1.rar

    《jQuery 3.5.1:前端开发的强大工具》 ...对于前端开发者而言,掌握jQuery的使用技巧,无疑能提升工作效率,打造更流畅的用户体验。因此,无论你是初学者还是经验丰富的开发者,都值得深入研究和掌握jQuery。

Global site tag (gtag.js) - Google Analytics