- 浏览: 5171605 次
- 性别:
- 来自: 天津
博客专栏
-
实战 Groovy
浏览量:29392
文章分类
- 全部博客 (639)
- 代码之谜 (6)
- JavaScript quirks (5)
- 程序员 (92)
- Java (93)
- BT编程 (7)
- html/css (64)
- Groovy&Grails (42)
- Android (20)
- C/C++ (5)
- PHP/Perl/Python (46)
- 经典文章 (51)
- CodeIgniter (14)
- JQuery (10)
- 笑话 (4)
- 其他 (32)
- javascript (69)
- 云计算 (0)
- html5 (7)
- 面试 (8)
- google (3)
- nosql (2)
- nodejs (11)
- go (5)
- erlang (1)
- 小常识 (3)
- 冷知识 (5)
- database (4)
- web (12)
- 架构 (12)
- Exception (0)
最新评论
-
jqw1992:
https://www.chromefor.com/libra ...
[福利] 开发者必备的 Chrome 插件——ChromeSnifferPlus -
litjerk:
初步算了一下,目前最最精简的Win98版是5M,他5个小时多敲 ...
让人目瞪口呆的三位世界级电脑大师 -
379855529:
。。似乎重点没说NIO啊,前面基础只是铺垫的很好的,可是我要的 ...
Java NIO与IO的详细区别(通俗篇) -
springmvc_springjpa:
spring mvc demo教程源代码下载,地址:http: ...
一步步开发 Spring MVC 应用 -
匡建武:
Good
四个程序员的一天
以下是一些非常有用的jQuery提示和开发技巧。我分享这些,因为我认为他们将是非常有用的给你。声明:我没有写下面的代码,但已经从Internet收集各种来源。
1。优化性能复杂的选择
查询DOM中的一个子集,使用复杂的选择时,大幅提高了性能:
var subset = $(""); $("input[value^='']", subset);
2。设置上下文和提高性能
jQuery核心功能上,指定上下文参数。指定context参数,允许从DOM中更深的分支,而不是从DOM根,jQuery来启动。鉴于一个足够大的DOM,指定上下文参数转化为性能提升。
jQuery核心功能上,指定上下文参数。指定context参数,允许从DOM中更深的分支,而不是从DOM根,jQuery来启动。鉴于一个足够大的DOM,指定上下文参数转化为性能提升。
$("input:radio", document.forms[0]);
3。现场事件处理程序
设置任何一个选择的元素相匹配的事件处理程序,即使它被添加后的初始页面加载到DOM:
$('button.someClass').live('click', someFunction);
这允许你通过Ajax加载内容,或通过JavaScript添加事件处理程序的成立为这些元素正确自动。
同样,要停止现场事件处理:
4。检查索引
jQuery有索引,但它是一种痛苦,使用你所需要的元素的列表,并通过元素你想要的指标
var index = e.g $('#ul>li').index( liDomObject );以下是比较容易:
$("ul > li").click(function () { var index = $(this).prevAll().length; });
如果你想知道在一个集合元素的索引,例如在一个无序列表的列表项:
5。使用jQuery的数据的方法
jQuery的数据()方法是有用的,不为人所熟知。它可以让你无需修改DOM绑定数据到DOM元素。
$("ul > li").click(function () { var index = $(this).prevAll().length; });
6。删除一个元素的淡出效果基本show效果
结合多个jQuery效果,动画和删除DOM元素。
$("#myButton").click(function() { $("#myDiv").fadeTo("slow", 0.01, function(){ //fade $(this).slideUp("slow", function() { //slide up $(this).remove(); //then remove from the DOM }); }); });
7。检查是否存在一个元素
if ($("#someDiv").length) { //hooray!!! it exists... }
使用下面的代码片段来检查一个元素是否存在与否。
8。添加到DOM中动态创建的元素
使用下面的代码片段来动态创建一个DIV,并添加到DOM。
var newDiv = $('<div></div>'); newDiv.attr("id","myNewDiv").appendTo("body");
9。换行符和chainability的
而不是做:
$("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'); });
11。克隆在jQuery对象
使用clone()方法。jQuery的方法克隆任何JavaScript中的DOM对象。
// 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);
12。测试,如果事情是隐藏使用jQuery
我们使用。隐藏()。在jQuery的show()方法来改变元素的知名度。使用以下代码来检查一个元素是否是可见或不可见。
if
($(element).is(
":visible"
) ==
"true"
) {
//The element is Visible
}
13。另一种方式的文件准备就绪
//Instead of
$(document).ready(
function
() {
//document ready
});
//Use
$(
function
(){
//document ready
});
14。选择一个元素。(期),在它的ID
在选择使用反斜杠来选择的元素,在它的ID期间。
$(
"#Address\\.Street"
).text(
"Enter this field"
);
15。计数的直接子元素
如果你要计算所有的div#foo的元素存在于
16。做一个“闪存”的元素
<div id="foo">
<div id="bar"></div>
<div id="baz">
<div id="biz">
</div>
<span><span>
</div>
//jQuery code to count child elements
$("#foo > div").size()
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();
18。获取父div使用最接近
如果你想找到的包装纸DIV元素(不论该DIV的ID),然后你会想这个jQuery选择:
$(
"#searchBox"
).closest(
"div"
);
19。禁用右键单击上下文菜单
还有许多JavaScript片段禁用右键
单击上下文菜单,但jQuery让事情容易多了:
单击上下文菜单,但jQuery让事情容易多了:
$(document).ready(
function
(){
$(document).bind(
"contextmenu"
,
function
(e){
return
false
;
});
});
20。获取鼠标光标的X和Y轴
这个脚本会显示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);
});
发表评论
-
Lo-Dash 与 underscore,Prototype 与 jQuery,两段恩怨情仇
2015-12-15 09:35 1708这几天更新我的之前写的 Chrome 插件 ChromeSn ... -
开发者必备的 Chrome 扩展
2014-11-03 15:01 2019Firebug:不用多介绍了吧https://chrome. ... -
开发者福利!ChromeSnifferPlus 插件正式登陆 Chrome Web Store
2014-10-30 21:14 106612今天(2014-10-30)下午,ChromeSniffer ... -
Firebase 相关文章索引
2014-10-23 10:21 2267Awesome Firebase 最近谷歌收购Fireb ... -
JSON API:用 JSON 构建 API 的标准指南中文版
2014-10-14 08:26 19864译文地址:https://github. ... -
前端开发,从菜鸟到大牛的取经之路
2014-07-14 15:15 378879以我的经验,大部分技术,熟读下列四类书籍即可。 入门, ... -
JavaScript Puzzlers 解密(一):为什么 ["1", "2", "3"].map(parseInt) 返回 [1, NaN, NaN]?
2014-02-19 10:58 40510JavaScript Puzzlers! 被称为 javas ... -
JavaScript 的怪癖 4:未知变量名创建全局变量
2013-12-02 15:25 1385原文:JavaScript quirk 4: unknown ... -
JavaScript 的怪癖 5:参数的处理
2013-12-02 15:23 3235原文:JavaScript quirk 5: parame ... -
jQuery响应式瀑布流布局插件 - Grid-A-Licious
2013-12-02 14:34 15246最近瀑布流布局比较流行,那么今天就给大家介绍一个这样的 j ... -
【ghost初级教程】 怎么搭建一个免费的ghost博客
2013-10-28 14:10 6204ghost博客系统无疑是这个月最火热的话题之一,这个号称” ... -
10 个你需要了解的最佳 javascript 开发实践
2013-10-16 13:54 3597Javascript 的很多扩展的特性是的它变得更加的犀利 ... -
基于 canvas 将图片转化成字符画
2013-09-26 15:05 6581猛点 这里 看高清 ... -
详解一下 javascript 中的比较
2013-09-22 09:30 1915代码1: [] == []; // false ... -
谈 javascript 变量声明
2013-06-14 10:35 1891这篇文章还是对基础的复习,对面试经历的一个总结。 之前的 ... -
[译]Javascript 作用域和变量提升
2013-06-13 13:16 5190下面的程序是什么结果? var fo ... -
javascript:可以运行的噪音
2013-06-01 09:34 9275为我的博客做了一个很有 geek 风格的关于页面。运行下面 ... -
【layoutit!】基于 bootstrap 实现可视化布局工具
2013-05-20 11:23 14623Layout It 是一个在线工具,它可以简单而又快速搭建 ... -
回复:浮点数0.57 0.58 造出的坑爹问题
2013-05-09 11:30 25152今天看到 vb2005xu 提到了一个问题 浮点数0.5 ... -
javascript 中强制执行 toString()
2013-04-26 13:25 1542原文:Enforcing toString() 译文:ja ...
相关推荐
《JQuery实现冒泡提示的技巧与应用》 在网页开发中,为了提供更好的用户体验,开发者经常需要在用户与页面元素交互时显示一些提示信息。jQuery的tips功能恰好能满足这一需求,它允许我们轻松地创建出具有冒泡效果的...
在网页设计和开发中,jQuery 是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作等任务。而“好看的悬浮提示”是一种常见的交互设计元素,它能够为用户提供即时信息,增强用户体验。本篇文章...
总的来说,这个基于jQuery的提示框示例是前端开发中增强用户体验的一个实用技巧,它结合了jQuery的便利性和CSS的灵活性,展示了如何通过JavaScript来响应用户交互,以提供更丰富的信息和更流畅的用户体验。...
本文将深入探讨“jQuery热点提示工具插件”,解析其工作原理,并提供实践应用中的技巧。 jQuery热点提示插件是一种轻量级的解决方案,它允许开发者轻松地在网页元素上添加动态提示信息。这些提示通常包含额外的数据...
总的来说,jQuery悬浮提示是一种实用的交互设计技巧,通过巧妙地利用JavaScript和CSS,可以为网站增加互动性和可用性。在实际开发中,你可以根据项目需求进行适当的调整和扩展,以实现更加个性化的悬浮提示功能。
以下是对标题和描述中提到的jQuery Mobile十大常用技巧的详细解释: 1. **禁止截断列表和按钮内容**: 当jQuery Mobile中的列表项或按钮文本过长时,默认会自动截断。你可以通过添加CSS样式来阻止这种行为。例如,...
### 50个高级jQuery代码开发技巧 #### 1. 创建一个嵌套的过滤器 在jQuery中,可以通过链式调用来实现复杂的过滤效果。例如,`.filter(":not(:has(.selected))")` 这个表达式的含义是:从当前元素集合中筛选出不包含...
为了实现JQuery的代码提示,我们需要下载一个`.sdocml`格式的文档,该文档包含了JQuery库中的各种符号和对象定义。这个文档可以从社区分享的链接中获取,例如在CSDN上可以找到相关的资源。下载后,将文件放置于项目...
为了帮助大家更好地利用这些新特性,本文将详细介绍几个实用的 jQuery 技巧,包括:禁止右键点击、隐藏搜索文本框的文字、在新窗口中打开链接、检测浏览器类型和版本、预加载图片以及页面样式切换等。 #### 一、...
本篇文章将详细讲解如何利用jQuery制作一个图片标注提示信息插件,以及涉及到的相关技术点。 首先,从标题“jQuery制作图片标注提示信息插件”来看,我们关注的核心功能是实现图片上的标注和提示信息。这种功能在...
在讨论有关jQuery Mobile开发技巧的系列知识点之前,需要明确,jQuery Mobile 是一个特别为移动设备设计的框架,它允许开发者使用HTML、CSS和JavaScript创建跨平台的移动应用。这一点的重要性在于开发者需要了解如何...
综上所述,通过学习和理解这个"jquery 鼠标提示例子",开发者可以提高在jQuery项目中的交互设计能力,了解如何利用现有资源(如插件)和基础JavaScript技术来增强用户体验。同时,这也是一个很好的实践案例,可以...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。对于前端数据验证,jQuery提供了一些强大的插件来帮助开发者实现用户输入的有效性检查和提示,使得网页表单的验证...
在IT行业中,jQuery是一款广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。...通过学习和实践这一功能,开发者可以更好地掌握jQuery的实用技巧,并提升用户体验。
根据提供的文件信息,本文将详细解释其中提及的四个jQuery使用技巧,包括禁用右键点击、禁用搜索文本框中的提示文字、在新窗口中打开链接以及如何检测浏览器类型。 ### 1. 禁用右键点击 (Disable Right-click) 在...
总结来说,这个项目展示了如何结合jQuery和后端服务实现一个实时的、交互式的搜索提示功能,这在现代Web应用中是非常常见且重要的一个特性。开发过程中,不仅需要理解jQuery的事件处理和AJAX通信,还需要掌握SQL查询...
JQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。以下是一些实用的JQuery使用小技巧,涵盖了多个方面,包括用户交互、页面行为、兼容性处理等。 1. **禁止右键点击**:通过监听`...
通常,这种博文可能会详细介绍如何在 Dreamware 中设置和使用 jQuery 代码提示,或者分享作者在使用过程中的一些技巧和经验。 标签 "源码 工具" 暗示这个话题可能涉及到 jQuery 的源码理解和使用,以及开发工具(如...
`SmartSearch` 这个文件可能包含了一个具体的 jQuery 智能提示插件实现,可能包括 JavaScript 文件、CSS 样式和示例数据。要使用这个插件,你需要将其引入到你的 HTML 页面中,按照文档说明配置和调用,然后结合自己...
总结来说,“jquery底部定时滑出提示层”是一个结合了jQuery、JavaScript和CSS技术的实用Web开发技巧,它提供了适时的信息提示,并且允许用户根据需要进行管理。这样的设计有助于提升网站的互动性和用户体验,对于...