jQuery
关注
分享
扫一扫
理个以哈呦
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
obj.offsetHeight与obj.style.height区别
1、obj.offsetHeight可以获取写在样式文件里的属性值，而obj.style.height只能获取行内属性，在表现与结构分离的今天，这显然是不合适的2、obj.offsetHeight返回的是一个数值，而obj.style.height返回的是一个字符串，单位是“px”3、obj.offsetHeight是只读，而obj.style.height是可读写4、如果没有为元素设置高度，obj转载 2016-01-27 10:52:57 · 441 阅读 · 0 评论 -
文章标题
$(window).scroll(function(){ //关联window的onscroll事件 if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){ //进行Ajax数据请求 }});原创 2016-07-11 16:36:13 · 203 阅读 · 0 评论 -
使用jQuery对List排序
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty转载 2016-07-11 17:06:51 · 4456 阅读 · 0 评论 -
按照首先字母进行元素排序
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty翻译 2016-07-11 20:06:27 · 983 阅读 · 0 评论 -
$().each和$.each()的区别
$().each 多用在处理DOM元素上，处理数组和CheckBox组件，为当前元素执行each中传递的回调函数。 $.each() 可以循环对象var obj = { one:1, two:2, three:3, four:4};$.each(obj, function(key, val) {alert(obj[key]);});原创 2016-07-11 20:25:04 · 288 阅读 · 0 评论 -
代码优化
/** for循环中进行代码优化**/优化前：for(var i = 0; i < my_array.length; i++){}//分析每次循环都要计算数组的长度，影响执行效率。优化后：var length = my_array.length;for(var i = 0; i < length; i++){}//分析将数组的长度在循环之前进行赋值，对此循环只进行一次长度的计原创 2016-07-11 20:39:37 · 301 阅读 · 0 评论 -
jQuery进行图片预先加载
/** **将图片加载到内存中，在页面任何位置引用的时候，直接从缓存中读取，提升用户的体验，提高网站的流畅度。****/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="转载 2016-07-11 21:33:36 · 2192 阅读 · 1 评论 -
jQuery判断元素在页面内是否可见
/**** $node需要判断的元素***/function isVisiablePage($node){ if(($(window).scrollTop()>($node.offset().top+$node.outerHeight()))||((jQuery(window).scrollTop()+jQuery(window).height())<$node.of原创 2016-08-14 21:15:27 · 874 阅读 · 0 评论 -
jQuery实现滚动加载
/****滚动加载函数***/function loadData(callback) { var totalheight = parseFloat($(window,document).height()) + parseFloat($(window,document).scrollTop()); if ($(document).原创 2016-08-14 21:32:24 · 442 阅读 · 0 评论 -
定义锚点，点击a标签跳转到相应的版块，使页面滚动产生效果
$('a.page-scroll').click(function(e) { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash翻译 2017-05-25 09:42:55 · 2184 阅读 · 0 评论 -
鼠标悬停图片放大提示效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty转载 2016-07-11 16:02:53 · 5902 阅读 · 0 评论 -
文章标题
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="../jquery/jquery-1.9.1.min.js"></script><script> $(document).ready(function(){ $('#转载 2016-07-11 15:02:37 · 230 阅读 · 0 评论 -
查看页面加载时间
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> function PageLoadTime(){ var start_time=new Date(); va原创 2016-07-11 14:51:09 · 1804 阅读 · 0 评论 -
通过jQuery在IE中支持placeholder
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" placeholder="xxxxxxxx" /> <script src="jquery.min.js"></script> <scrip转载 2016-01-27 21:11:27 · 235 阅读 · 0 评论 -
jQuery工具函数
/**clearQueue**/clearQueue()函数用于清空每个匹配元素的指定队列中所有尚未执行的项。（清楚为执行完的动画）demo：<input id="start" type="button" value="开始动画" /><input id="stop" type="button" value="清空未执行动画" /><div id="n1" style="width: 200原创 2016-02-05 13:23:09 · 279 阅读 · 0 评论 -
CSS水平垂直居中
使用场景 单行内容 固定高度 height=line-height，既可以达到垂直居中，水平居中因为div是块级元素，居中需设置text-align: center;/**适合在所有浏览器，没有足够空间时，内容不会被切掉**/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document转载 2016-01-27 14:29:58 · 358 阅读 · 0 评论 -
js判断鼠标进入容器的方向
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #wrap{ position: absolute; top: 50%; left: 50%;转载 2016-02-17 15:55:30 · 347 阅读 · 0 评论 -
charCount.js实现输入文字限制
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="../jquery/jquery-1.8.3.min.js"></script><script src="js/js.charCount.com/charCount.js"><翻译 2016-07-11 10:44:55 · 1579 阅读 · 0 评论 -
文本闪烁函数
/** Obj 需要传入动画的对象 cssname 传入闪烁期间的class样式 times 闪烁执行的时间 **/ function textFlash(obj,cssName,times){ var i=0,t=false,o=obj.attr("class")+" ",c="",times=times||2转载 2016-07-11 10:57:14 · 662 阅读 · 0 评论 -
限制文本框输入字数
jQuery.fn.maxLength=function(max){ return this.each(function(){ var type = this.tagName.toLowerCase(); var inputType = this.type? this.type.toLowerCase() : null;转载 2016-07-11 11:40:58 · 451 阅读 · 0 评论 -
jQuery实时监听输入框字符变化的方法
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="../jquery/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){原创 2016-07-11 14:27:54 · 1057 阅读 · 0 评论 -
双击禁止选中文本
//双击禁止选中文本var clearSelection=function(){ if(document.selection&&document.selection.empty){ document.selection.empty(); }else if(window.getSelection){ var sel=wi原创 2016-07-11 14:48:44 · 1111 阅读 · 0 评论 -
$.extend
$.extend([deep],target,obj1,[objN]); /** 用一个或多个其他对象来扩展一个对象，返回被扩展的对象。 如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共享结构。 *原创 2017-05-29 08:44:13 · 462 阅读 · 0 评论