20个热门jQuery的提示和技巧
以下是一些非常有用的jQuery提示和所有jQuery的开发技巧。
2。设置上下文和提高性能
jQuery核心功能上,指定上下文参数。指定context参数,允许从DOM中更深的分支,而不是从DOM根,jQuery来启动。鉴于一个足够大的DOM,指定上下文参数转化为性能提升。
3。现场事件处理程序
$('button.someClass').live('click', someFunction);
以下是比较容易:
if
($(
"#someDiv"
).length) {
//hooray!!! it exists...
}
使用下面的代码片段来检查一个元素是否存在与否。
var
newDiv = $(
'<div></div>'
);
newDiv.attr(
"id"
,
"myNewDiv"
).appendTo(
"body"
);
而不是做:
$(
"a"
).hide().addClass().fadeIn().hide();
像这样可以增加可读性:
$(
"a"
)
.hide()
.addClass()
.fadeIn()
.hide();
10。创建自定义选择
$.extend($.expr[
':'
], {
over100pixels:
function
(a) {
return
$(a).height() > 100;
}
});
$(
'.box:over100pixels'
).click(
function
() {
alert(
'The element you clicked is over 100 pixels high'
);
});
// Clone the DIV
var
cloned = $(
'#somediv'
).clone();
jQuery的clone()方法不克隆一个JavaScript对象。克隆JavaScript对象,使用下面的代码。
// Shallow copy
var
newObject = jQuery.extend({}, oldObject);
// Deep copy
var
newObject = jQuery.extend(
true
, {}, oldObject);
if
($(element).is(
":visible"
) ==
"true"
) {
//The element is Visible
}
13。另一种方式的文件准备就绪
//Instead of
$(document).ready(
function
() {
//document ready
});
//Use
$(
function
(){
//document ready
});
$(
"#Address\\.Street"
).text(
"Enter this field"
);
16。做一个“闪存”的元素
jQuery.fn.flash =
function
( color, duration )
{
var
current =
this
.css(
'color'
);
this
.animate( { color:
'rgb('
+ color +
')'
}, duration / 2 );
this
.animate( { color: current }, duration / 2 );
}
//Then use the above function as:
$(
'#importantElement'
).flash(
'255,0,0'
, 1000 );
17。中心元素在屏幕上
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
;
}
//Use the above function as:
$(element).center();
$(
"#searchBox"
).closest(
"div"
);
还有许多JavaScript片段禁用右键
单击上下文菜单,但jQuery让事情容易多了:
$(document).ready(
function
(){
$(document).bind(
"contextmenu"
,
function
(e){
return
false
;
});
});
这个脚本会显示X和Y值 - 鼠标指针的坐标。
$().mousemove(
function
(e){
//display the x and y axis values inside the P element
$(
'p'
).html(
"X Axis : "
+ e.pageX +
" | Y Axis "
+ e.pageY);
});
20个热门jQuery的提示和技巧的更多相关文章
- 几个 jQuery 小提示和技巧
几个 jQuery 小提示和技巧 今天,我们将分享一些很有用的技巧和窍门给 jQuery 开发人员.jQuery 是最好的 JavaScript 库之一,用于简化动画,事件处理,支持 Ajax 和 H ...
- 开发中可能会用到的几个 jQuery 小提示和技巧
今天,我们将分享一些很有用的技巧和窍门给 jQuery 开发人员.jQuery 是最好的 JavaScript 库之一,用于简化动画,事件处理,支持 Ajax 和 HTML 的客户端脚本.网络中有大量 ...
- 开发中可能会用到的几个 jQuery 小提示和技巧(转)
今天,我们将分享一些很有用的技巧和窍门给 jQuery 开发人员.jQuery 是最好的 JavaScript 库之一,用于简化动画,事件处理,支持 Ajax 和 HTML 的客户端脚本.网络中有大量 ...
- 开发中可能会用到的几个 jQuery 小提示和技巧 (转)
转自:http://www.cnblogs.com/lhb25/p/useful-jquery-tips-and-tricks.html 今天,我们将分享一些很有用的技巧和窍门给 jQuery 开发人 ...
- 25个增强iOS应用程序性能的提示和技巧(中级篇)(3)
25个增强iOS应用程序性能的提示和技巧(中级篇)(3) 2013-04-16 14:42 破船之家 beyondvincent 字号:T | T 本文收集了25个关于可以提升程序性能的提示和技巧,分 ...
- 25个增强iOS应用程序性能的提示和技巧--中级篇
25个增强iOS应用程序性能的提示和技巧--中级篇 标签: ios性能优化内存管理 2013-12-13 10:55 738人阅读 评论(0) 收藏 举报 分类: IPhone开发高级系列(34) ...
- 增强iOS应用程序性能的提示和技巧(25个)
转自 http://www.cocoachina.com/newbie/basic/2013/0522/6259.html 在开发iOS应用程序时,让程序具有良好的性能是非常关键的.这也是用户所期望的 ...
- 25个增强iOS应用程序性能的提示和技巧 — 中级篇
本文由破船译自:raywenderlich 转载请注明出处:BeyondVincent的博客 _____________ 在开发iOS应用程序时.让程序具有良好的性能是非常关键的.这也是用户所期望的. ...
- 【转】推荐10款最热门jQuery UI框架
推荐10款最热门jQuery UI框架 原创 在进行Web开发时,并非所有的库都适合你的项目,但你仍需要收藏一些Web UI设计相关的库或框架,以在你需要的时候,加快你的开发效率.本文为你推荐10款非 ...
随机推荐
- Linux MySql安装步骤
本文将以MySQL 5.5.47为例,以CentOS 6.5为平台,讲述MySQL数据库的安装和设置. 源码包方式安装 1.新建MySql用户和用户组 groupadd mysql useradd - ...
- 【转】Android LCD(三):Samsung LCD接口篇
关键词:android LCD控制器 Framebuffer PWM 平台信息:内核:linux2.6/linux3.0系统:android/android4.0 平台:samsung exynos ...
- PHP Database ODBC 之 ODBC
ODBC 是一种应用程序编程接口(Application Programming Interface,API),使我们有能力连接到某个数据源(比如一个 MS Access 数据库). 创建 ODBC ...
- HttpURLConnection访问url的工具类
java代码: import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; ...
- Android实战技巧之十九:android studio导出jar包(Module)并获得手机信息
AS中并没有独立的Module 工程,可是能够在普通的Project中增加Module.所谓的Module就是我们通常所指的模块化的一个单元.并经常以jar包的形式存在.以下以一个获取手机信息的样例演 ...
- 判断Table表中是否含有某一列
if (row.Table.Columns.Contains("DealRecord_GiftCost")) { if (row["DealRecord_Gift ...
- java学习之部分笔记
1.枚举类型 2.String的方法Index的用法.StringBuffer 的用法.Math的用法.Date类 3.用abstract修饰的类就是抽象类.抽象方法不能有主体.抽象类中,可以有抽象方 ...
- 【数据处理】各门店POS销售导入
--抓取西部POS数据DELETE FROM POSLSBF INSERT INTO POSLSBFselect * from [192.168.1.100].[SCMIS].DBO.possrlbf ...
- SQL Performance Improvement Techniques(转)
原文地址:http://www.codeproject.com/Tips/1023621/SQL-Performance-Improvement-Techniques This article pro ...
- Hadoop学习之常用命令
HADOOP基本操作命令 在这篇文章中,我们默认认为Hadoop环境已经由运维人员配置好直接可以使用. 假设Hadoop的安装目录HADOOP_HOME为/home/admin/hadoop. 启动与 ...