×

关键词搜索结果:

jQuery(live)中File input的change方法只起一次作用的解决办法

错误写法复制代码代码如下:$("#uploadImg").click(function(){  dosomething});正确写法复制代码代码如下:$("#uploadImg").live('change',function(){dosomething});...

jQuery代码优化 事件委托篇

jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合。事件委托事件委托的事例在现实当中比比皆是。比如,有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;...

40款非常有用的 jQuery 插件推荐(系列一)

今天开始将发布系列文章向大家分享40款非常有用的jQuery插件。MotionCAPTCHA ( 演示 | 下载 ) MotionCAPTCHA是一款非常特别的jQuery验证码插件,要求用户画出看到的形状才能通过验证...

jQuery ajax 同步异步的执行 return值不能取得的解决方案

大家先看一段简单的jqueryajax返回值的js代码复制代码代码如下:functiongetReturnAjax{$.ajax({type:"POST",data:"username="+vusername.value,success:function(msg){if(...

jQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

一、判断文本是否为空复制代码代码如下:varjqObj=$(this);if(jqObj.text().trim()){//trim()方法是去空格,$.trim()函数删除提供字符串的所有换行符,空格(包括非中断空格),开始和结束tab。如果这些空白字符在字符串中间发生时,它们...

基于jQuery的360图片展示实现代码

复制代码代码如下:$(function(){varbox_W=$(".PIC360").width();varbox_H=$(".PIC360").height();varbox_X=$(".PIC360").offset().left;varbox_Y=$(...

jQuery.query.js 取参数的两点问题分析

1.参数中存在空格时取到的值中空格被替换为加号:+2.当参数某个key的value不存在时,获取到的value并不是空/null而是true。在网上找到了个解决方案,可以参考下(是否有其他副作用暂时未实验出)1.空格变加号+在jQuery.query.js文件中找到下面代码复制...

jQuery 如何动态添加、删除class样式方法介绍

取与设置样式获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class,JQuery代码如下:复制代码代码如下:varp_class=$("p").attr("class");//获取p元素的class[html]使用at...

jQuery写一个鼠标拖动效果实现原理与代码

近日项目中要做一个鼠标拖拽层的效果,于是手动使用Jquery做了一个,发出来跟大伙儿分享一下,并希望能得到高手的指点,如果哪位大侠觉得我的思路和代码不正确或者需要改进的话,希望能指点一二,在下感激不尽。我的思路是这样的:1、在鼠标按下的时候,捕获鼠标的当前位置;2、得到要移动对象的当前位置...

jQuery.buildFragment使用方法及思路分析

一、jQuery.buildFragment使用方法1、参数jQuery.buildFragment(args,context,scripts);2、返回值return{fragment:fragment,cacheable:cacheable};二、思路分析1、处...

漂亮的jQuery提示效果(仿腾讯弹出层)

复制代码代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html&...

jQuery zTree异步加载简单实例分享

首先提供Ztree官方网站http://www.ztree.me。Ztree是一个使用jQuery实现的JSP页面的各种功能树,本文介绍一个异步获取数据到下拉树的实现方式。当前版本Ztree3.5.01simple.html复制代码代码如下:<!DOCTYPEhtml>...

得到jQuery detach()后节点中的某个值实现代码

需要jQuery-detach后的dom结构或某个值。复制代码代码如下:<body><inputtype="text"value="test"name="showtime"id="showtime"/><inputtype="butto...

jQuery 卷帘效果实现代码(不同方向)

demo01.htm复制代码代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...

jQuery清空textarea等输入框实现代码

完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm下面是源代码:复制代码代码如下:<scripttype="text/javascript"src="http://www.keleyi.com/keleyi/pmedia...

jQuery 判断某个属性是否存在hasAttr的解决方法

在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含class="new"的样式呢.JQuery判断就非常简单了,因为有hasClass这个方法$("input[name=new]").hasClass("new")即可判断.但是有时候我们需要判断别的属性,比如有...

jQuery输入城市查看地图使用介绍

复制代码代码如下:<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title>//在这里要注意js引入的先后顺序<linkhref="css/jquery.ui...

jQuery根据纬度经度查看地图处理程序

复制代码代码如下:<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title>//在这里要注意js的引入顺序<linkhref="css/jquery.ui.b...

jQuery实现漂浮在网页右侧的qq在线客服插件示例

很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话。具体实现代码如下:html页面:复制代码代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/...

jQuery实现鼠标移上弹出提示框、移出消失思路及代码

思路:1.首先要定位实现这种效果的元素,本次通过class2.如果是动态显示不同的提示内容,需设置title3.通过JQ给定位到元素加上mouseover和mouseout事件4.再完善下,弹出框跟随鼠标在目标元素上移动5.再把mouseover、mouseout合并成...

jQuery数据缓存功能的实现思路及简单模拟

前言对于jQuery的数据缓存,相信大家都不会陌生,jQuery缓存系统不仅运用于DOM元素,动画、事件等都有用到这个缓存系统。所以在平时实际应用中,我们经常需要给元素缓存一些数据,并且这些数据往往和DOM元素紧密相关。由于DOM元素(节点)也是对象,所以我们可以直接扩展DOM元素的属性,...

jQuery实现的一个导航滚动效果具体代码

在做校园网视频网站的时候,首页有一个导航页面要实现滚动效果,有样例,但代码是在难弄懂,貌似网页设计这块还是只有自己的代码自己懂,索性就仿造别人的效果自己做了一个,大体上还行,看起来还是比较流畅的,不次于原作的幺。现在先把代码拷贝到这里,以后再逐一简化修改:实现滚动效果,脚本代码如下:复制代...

jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全

个人做了一些自定义的修改复制代码代码如下:<!--[ifltIE9]><scripttype="text/javascript">jQuery(function($){varel;$("select").each(function(){el=...

jQuery下实现等待指定元素加载完毕(可改成纯js版)

先声明下这个方法的使用场合,以免误导大家。比如在博客园,我们没法修改他的源代码,那么只能想办法监视元素的出现了。所以下面方法是在修改不了源码的情况下使用,而非写自己的项目。今天在改博客几个样式的时候,以为很自然的加上js就可以实现了,没想到那个是ajax加载的数据,而非页面首次加载的,...

jQuery 跳到顶部和底部动画2句代码简单实现

复制代码代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html...