一个简单技巧的集合,帮你提升 jQuery 技能。目前小编给大家整理了14个jquery小技巧。目录结构 1回到顶部按钮 2预加载图片 3检查图片是否加载完毕 4自动修复损坏的图片 5Hover 上的 Class 开关 6禁用 input 字段 7停止链接加载 8淡入淡出/滑动开关 9简单的折叠效果 10将两个 Div 设为相同高度 11在新窗口打开外部链接 12找到文本元素 13切换可视与隐藏的触发器 下面给大家介绍每个小技巧的具体含义。 1.回到顶部按钮 通过使用 jQue...
下文里技巧实现的效果虽然并不新鲜,但通过jQuery的封装,HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标,也许它简单,但是它能量巨大。一起来看看脚本之家小编推荐给大家的五个非常实用的jQuery技巧。 1.禁用鼠标右键 $(document).ready(function() {$(document).bind("contextmenu", function(e) {return false;}); });当然jquery1.7版本以后bind()函数推荐用on()来代替。 2.让内容闪烁起来...
之前在网上看到有人提问,如何在页面上同步显示服务器的时间,其实实现方法有几种,可能 一般人立马就想到可以使用Ajax每隔一秒去请求服务器,然后将服务器获取到时间显示在页面上,这样虽然能够实现,但存在一个很大的问题,那就是每隔一秒 去请求服务器,这样如果用户多了,服务器就会崩溃(内存占用率会很大),所以在我看来,这种方法不可行,我这里给出一种解决方案,能够实现同步服务器时间、同步倒计时,却不占用服务器太多...
javascript 在前端应用体验小技巧继续积累。 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 docu...
本文实例讲述了Javascript常用小技巧。分享给大家供大家参考。具体分析如下: 一、True 和 False 布尔表达式 下面的布尔表达式都返回 false: null undefined 空字符串 0 数字0 但小心下面的, 可都返回 true: 0 字符串0 [] 空数组 {} 空对象 下面段比较糟糕的代码:代码如下:while (x != null) { 你可以直接写成下面的形式(只要你希望 x 不是 0 和空字符串, 和 false):代码如下:while (x) { 如果你想检查字符串是否为 null 或空:代码...
如果你还是新手, 而且读完所有这些技巧的详解和每种技巧是如果工作的以后运用它们, 你会写出更加简练高效的JavaScript程序.确实, JavaScript高手已经运用这些技巧写出了很多强大, 高效的JavaScript程序. 但是你可以这样. 强大的 && 和 || 表达式 你可能在JavaScript库和JavaScript框架中已经见过它们了, 那么我们先由几个基本的例子开始: 例子1. || (或) 设置默认值, 通常用代码如下: function documentTitle(theTitle) { if (!t...
在我的开发工作中经常会遇到需要判断一个函数是否是JavaScript原生函数的情况,有时候这是一个很必要的工作,你需要知道这个函数是浏览器自身提供的,还是由第三方封装、伪装成原生函数。当然,最好的方法是考察执行这个函数的toString方法的返回值。 The JavaScript 完成这个任务的方法非常简单:代码如下: function isNative(fn) { return (/\{\s*\[native code\]\s*\}/).test( + fn); }toString方法会返回这个方法的字符串形式...
1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能,在师院jQuery后,便可以使用trim()函数。 trim()函数是jQuery对象的一个方法,使用以下例子代码如下: <script type="text/javascript"> var sString = " 1234567890"; sString = $.trim(sString); ...
1.获取td的行标和列标代码如下: $(this).prop(cellIndex)2.判断是否是回车按下代码如下: var myEvent = event || window.event; var key = myEvent.keyCode; if(key == 13){ //此时为回车按下 }3.全选和反选代码如下: $("#selectall").click(function(){ if($("input[name=id[]]").is(":checked")){ $("input[name=id[]]").prop("checked",false); }else{ $("input[name=id[]]").prop(...
修改tab或者window的标题,是一项较老的实践。Gmail 用它来提示用户新的聊天消息,当有新的page通过AJAX加载的时候,本站同样用它更新tab title。这是怎样做到的呢?当时是通过设置document对象。代码如下: document.title = Hello!; // New title :)有一个常识性的错误是:你会以为应该去修改 window.title。但实际上,你应该使用document对象,否则你做的肯定是无用的。注意一下,你将会看到:很多时候会用 setInterval来实际更新...
谷歌浏览器不仅仅可以用来上网,对于开发人员来说,它更像是一款强大的开发辅助工具。 工欲善其事必先利其器,接下来笔者给大家分享一些Chrome的使用方法。 假如读者了解如何在Chrome中添加JavaScript断点,那请继续阅读;否则,自行脑补。 假如有这样一段代码:代码如下: var a = 1; function test(){ var a, b, c, d, e; a = 2; b = a - 1; b = 9; c = 3; d = 4; e = (a + b * c) * (a - d); re...
前言 总结一下最近接触到的JavaScript语法糖,与大家共享。 每块糖都有详细的说明和示例,就不多说了。 准确的类型检查代码如下: /* * @function: * 类型检查示例 * 通过此方法,可以检查某个变量是否为期望的数据类型 * @params: * obj 需要检查的变量,必选 * config 数据类型白名单,可选,默认为全部类型 * @return: * true 表示检查通过,false 未通过 * @examples: * typeCheck("str"); //...
记得给师哥师姐测试考试系统的时候,看到他们的考试页面可以实现隐藏左边的考生信息部分,当时觉得好高大上,好人性化。现在学了javascript,我也能实现这个功能了,下面来显摆一下。 1.页面设计:(1).html代码:<title>js分栏</title> <style type="text/css"> .alignment{ text-align: center; } </style> </head> <script language="javascript" type="text/javascript"> //...... </script> <body> <table width="4...
select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件, 例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById("province").value="湖北";直接给select或text赋值是不行的,要想实现手动触发onchange事件,需要在js给select赋值后,加入下面的语句 document.getElementById("province").fireEvent(onchange)...
<script type="text/javascript"> $(function(){ $("#btnSubmit").click(function(){ $("form[name=form1]").submit(); $("form[name=form2]").submit(); }) }) </script> <form name = "form1" action = "handleForm1Action"> </form> <form name = "form2" action = "handleForm2Action"> </form> <button id="btnSubmit">提交<button>