下面这些简单的小技巧能够帮助你玩转jQuery。 1、返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部的简单动画: // Back to top $(.top).click(function (e) { e.preventDefault(); $(html, body).animate({scrollTop: 0}, 800); }); <!-- Create an anchor tag --> <a class="top" href="#">Back to top</a>改变scrollTop 的值可以更改你想要放置滚动条的位置。所有你真正需要做的是在...
假设我们的js文件写在server目录中,但是我们的资源文件存储在app/img目录中。 实现功能 如下图,我们需要在server/index.js文件中使用fs读取app/img/favicon.ico文件。实现方法 在node.js只提供了一个 dirname全局变量。通过 dirname可以获得“C:\wwwroot\yidata\server”。这时需要用到path。 首先 import path from path; (ES6)或var path = require (path );path.join(dirname,../)即可获取到node.js的项目根目录。 path.joi...
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例<input id="txt" class="text1" type="text" /> <script src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript">$(function () {$("input.text1").val("输入文字!");textFill($(input.text1));}) function textFill(input) {var str = input.val();input.focus(function () {if ($.trim(input.val()) == str) {input.val();}}).blur(function () {if ($.t...
在这篇文章中将给大家分享有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。比...
在Javascript中经常会遇到字符串的问题,但是如果要拼接的字符串过长就比较麻烦了。 如果是在一行的,可读性差不说,如果要换行的,会直接报错。 在此介绍几种Javascript拼接字符串的技巧. 字符串相加(+) var items = <li class="details"> + <span>Hello world</span> + </li>; 利用反斜线拼接字符串 var items = <li class="details"> \ <span>Hello world</span> \ </li>; 利用数组拼接字符串 利用数组的join方法,把数组转成...
在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以复制并粘贴大部分的代码结构,只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题,不论插件简单还是复杂。我在这里分享10条我总结的经验。 1. 把你的代码全部放在闭包里面 这是我用的最多的一条。但是有时候在闭包外面的方法会不能调...
废话不说 直接代码,有问题可以一起交流 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 Hide when clicked in the search field, the value.(example can be found below in the comment fields) $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($(input.text1)); }); fu...
这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。...
在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。...
1、DOM遍历是昂贵的,将变量缓存起来。代码如下: //不推荐 var h = $(#ele).height(); $(#ele).css(height, h-20);代码如下: //推荐 var $ele = $(#ele); var h = $ele.height(); $ele.css(height,h-20);2、优化选择符。代码如下: //不推荐 $(div#myid)代码如下: //推荐 $(#myid)3、避免隐式通用选择符。代码如下: //不推荐 $(.someclass :radio)代码如下: //推荐 $(.someclass input:radio)4、避免通用选择符。代码如下: //不推荐...
能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力,这对于我来说是件很开心的事。每天仅花上不到2分钟的时间中,你将可以读遍JavaScript这门可怕的语言所呈现给我们的特性:performance(性能), conventions(协议), hacks(代码hack), interview questions(面试问题)及所有其他的项。#24 - 使用 === 代替 ====(或者!=)做对比的时候会将进行对比的两者转换到同一类型再比较。===(或者!==)则不会,他会将进行对比的...
下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。 1. 禁止...
本文整理总结了JavaScript的小技巧。分享给大家供大家参考,具体如下: 1.组织默认事件 阻止默认事件,h5默认的input type=date在某些浏览器和android设备上没有效果,这时要调用h5+的时间选择器,但是要组织input默认的click事件,代码如下: //选择时间 $("#end_time").on("click",function(event){event.preventDefault();plus.nativeUI.pickDate( function(e){var d = e.date; // console.log(d.Format(yyyy-MM-dd));$("#end...
jQuery是一款轻量级的JavaScript库,是最流行的客户端HTML脚本之一,它在WEB设计师和开发者中非常的有名,并且有非常多有用的插件和技术。本文我们将为大家分享一些jQuery小技巧: 一、在新窗口打开链接 用下面的代码,你点击链接即可在新窗口打开: $(document).ready(function() {//select all anchor tags that have http in the href//and apply the target=_blank$("a[href^=http]").attr(target,_blank); }); 二、设置等高的...
帮助提高你jQuery应用的15个大家都熟知的jquery小技巧,分享给大家 回到顶部按钮图片预加载判断图片是否加载完自动修补破损图像Hover切换class类禁用输入停止正在加载的链接toggle fade/slide简单的手风琴使两个DIV同等高度在浏览器标签/新窗口打开外部链接根据文本获取元素可见变化的触发Ajax调用错误处理链式操作1、回到顶部按钮 利用jQuery里的animate和scrollTop方法,你便不需要使用插件创建简单的滚动到顶部动画。 // Back t...