`
liss
  • 浏览: 842303 次
  • 性别: 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

 &

amp;&

amp;

 $.browser

.version

 &

gt;

 6

 )


{


//do something


}


 
// IE6 and below


if

 (

$.browser

.msie

 &

amp;&

amp;

 $.browser

.version

 &

lt;=

 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)` 函数,我们...

    15个Jquery 技巧

    随着技术的发展,jQuery团队不断推出新版本,每个新版本都包含了性能优化和bug修复。因此,使用最新版本的jQuery是提升应用性能的有效途径。可以通过修改`<script>`标签中的源地址轻松实现升级,或利用Google等提供...

    100多个 jquery例子

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

    突发奇想的一个jquery插件

    1. jQuery插件开发基础:文档中提到的“突发奇想的一个jquery插件”,揭示了开发者在短时间内基于灵感创建了一个jQuery插件。这显示了jQuery插件开发的灵活性和易用性,即使是非正式的快速开发也能创造出实用的工具...

    JQuery 游戏 俄罗斯方块 代码

    总的来说,这个jQuery实现的俄罗斯方块游戏是一个很好的学习案例,它展示了如何将JavaScript库应用于游戏开发,以及如何处理键盘事件、动画效果和游戏逻辑。对于想学习游戏开发或者深入理解jQuery的开发者来说,这是...

    jQuery权威指南-源代码

    《jQuery权威指南》除了理论知识丰富而全面外,它还有一个最大的特点就是注重实战,每个知识点都有一个完整的案例,包括需求分析、代码实现和结果展示三个部分,而且还包含两个综合性的案例,它的实践性之强是目前...

    由jQuery制作的扫雷小游戏

    在Web开发领域,利用jQuery这一强大的JavaScript库来实现扫雷游戏,不仅可以锻炼开发者们的编程技巧,还能让网页版的扫雷游戏更加生动有趣。本文将深入探讨如何运用jQuery来构建扫雷游戏,涵盖关键的技术点和实现...

    jQuery 技巧收集

    `each()`函数可以遍历集合并对每个元素执行指定的函数。例如,`$("p").each(function(index){...})`允许按索引对所有`<p>`元素进行操作。这在处理批量操作,如应用样式或绑定事件时特别有用。 6. **事件处理** ...

    jquery开发入门整理(所需要了解的)

    - **.each()**:遍历jQuery集合中的每个元素。 - **.append() / .prepend()**:向DOM元素内部添加内容。 ### 详解jQuery对象与DOM对象的相互转换 - **jQuery对象转DOM对象**:可以通过`[index]`或`get(index)`方法...

    基于Jquery的网站设计

    每个页面都可能利用Jquery来增强用户体验,例如通过AJAX实现无刷新加载、通过滑动效果展示内容或通过模态框提供更多信息。同时,JavaScript代码是实现这些功能的关键,它与HTML和CSS一起构成了网页的三要素。 ...

    jQuery的常用技巧分享

    对于返回的 jQuery 集合,无需手动循环遍历并分别处理每个对象。jQuery 已经提供了一些方便的方法来处理集合内容。 - **使用 `each()` 方法**:遍历集合中的每个元素,并对每个元素执行特定的操作。 **示例代码**...

    jQuery消除方块小游戏源码.zip

    这需要遍历整个游戏板,比较每个方块的颜色或图案,并且判断是否有三个或更多的连续相同方块。在jQuery中,可以利用$.each()函数进行遍历,配合条件判断语句实现这一功能。 其次,消除方块的动画效果是这个游戏的一...

    jQuery消消乐小游戏.rar

    总结,利用jQuery和JavaScript开发消消乐小游戏,不仅可以锻炼开发者对这两门技术的运用,还能提升游戏设计和用户体验的技巧。通过以上步骤,我们可以构建出一款简单但有趣的小游戏,同时为后续更复杂的项目奠定基础...

    jquery标签云无规则样式.rar

    例如,使用随机颜色函数可以为每个标签赋予不同的颜色,通过变换字体大小可以体现权重差异,而利用浮动或定位技巧则可以控制标签的排列方式。 三、jQuery实现动态效果 1. 数据获取:首先,我们需要获取到标签数据,...

    Learning jQuery Fourth Edition

    全书包括多个章节,内容涵盖了从jQuery的基本概念、选择器、操作DOM元素、事件处理、动画效果到表单处理、数据操作、特效、插件使用等,循序渐进地引导读者了解和掌握jQuery的各种用法和技巧。每章结尾通常会包含一...

    jQuery飞机大战游戏

    《jQuery飞机大战游戏》是一款基于JavaScript库jQuery开发的在线射击小游戏。它利用了jQuery的强大功能,结合HTML5的Canvas元素,为用户呈现了一个刺激、趣味的空战场景。本游戏展示了jQuery在网页交互和动画效果...

    jQuery UI 1.7(2009).pdf

    每个小部件都有详细的配置选项和事件处理机制,以满足不同场景的需求。 3. **Effects(效果)**:jQuery UI包含了一系列动画效果,如淡入淡出、滑动、抖动等,这些效果可以轻松应用于页面元素,提升用户体验。通过...

    jQuery金币抽奖效果代码.zip

    6. **JavaScript编程技巧**:为了实现金币随机散落,开发者可能使用了JavaScript的随机数生成函数,为每个金币分配不同的起始位置和落点,以达到自然且随机的视觉效果。 7. **性能优化**:对于大规模的动画效果,...

    jquery ui jquery ui

    此外,每个组件都与特定的jQuery事件相关联,如open、close、drag等,这使得在用户与界面交互时可以进行精确控制。 6. **兼容性和跨浏览器性**:jQuery UI 设计时考虑了广泛的浏览器兼容性,支持包括IE在内的主流...

Global site tag (gtag.js) - Google Analytics