JQuery
关注
分享
扫一扫
文章平均质量分 77
wjxbj
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JQuery的slideToggle、delegate方法的应用和效果
一.slideToggle方法 实例：<!-- slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。 如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。 --><html><head><script type="text/javascript" src="li...原创 2013-03-07 14:35:30 · 234 阅读 · 0 评论 -
jQuery信息提示工具Poshy Tip
Poshy Tip是一款非常友好的信息提示工具，它基于jQuery，当鼠标滑向链接时，会出现一个信息提示条。信息的内容直接可以在HTML里设定也可以是从服务端调用的数据，该插件还提供了很多属性和方法。 如下提供了三种使用的例子，代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "h...原创 2015-08-07 20:08:51 · 200 阅读 · 0 评论 -
jQuery封装自定义事件--valuechange(动态的监听input，textarea)之前值，之后值的变化...
在项目开发中，遇到这样的问题：A、B两个输入框，要求B输入框输入完的值不能大于A输入框的值，如果大于，则要求弹出提示后恢复为修改前的值。 在网上查资料后如下代码解决：...var current = $(this)[0].contentEditable === 'true' ? $(this).html() : $(this).val()var p...原创 2015-10-10 20:42:09 · 641 阅读 · 0 评论 -
jQuery禁止并灰显下拉选项
jQuery禁止并灰显下拉选项，是通过给option加disabled="true"属性控制的，如下示例所示：<html><head><script type="text/javascript" src="jquery-1.8.3.js"></script><script type=&qu2015-10-24 10:48:28 · 1012 阅读 · 0 评论 -
jquery ui中的dialog
听说jquery ui中dialog和easy ui中的dialog很像，因为没有用过easy ui，但在工作中有用到jquery ui中dialog，于是从官网上将例子看了下，并记录如下。实例一 这是一个很简单的应用，打开一个对话框。<!doctype html><html lang="en"><head>...原创 2015-10-25 13:23:30 · 315 阅读 · 0 评论 -
jQuery.extend和jQuery.fn.extend的区别
jQuery.extend和jQuery.fn.extend的区别，其实从这两个办法本身也就可以看出来。很多地方说的也不详细。这里详细说说之间的区别。 我们先把jQuery看成了一个类，这样好理解一些。jQuery.extend()，是扩展的jQuery这个类。假设我们把jQuery这个类看成是人类，能吃饭能喝水能跑能跳，现在我们用jQuery.extend这...原创 2015-11-06 20:05:06 · 182 阅读 · 0 评论 -
浅拷贝深拷贝之jQuery中的$.extend分析
jQuery中的$.extend浅拷贝，拷贝对象A时，对象B将拷贝A的所有字段，如果字段是内存地址，B将拷贝地址，若果字段是基元类型，B将复制其值。它的缺点是如果你改变了对象B所指向的内存地址，你同时也改变了对象A指向这个地址的字段。 jQuery中的$.extend深拷贝，这种方式会完全拷贝所有数据，优点是B与A不会相互依赖（A,B完全脱离关联）， 缺点是拷...2015-11-06 20:14:42 · 561 阅读 · 0 评论 -
jQuery幻灯片插件slick实例
由于工作要将图片做成幻灯片样式，于是想到了JQuery插件slick，上网查了一下，一些效果用法实例特意在此记录下：一.单个显示<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <title>jQuery幻灯片原创 2017-09-02 20:12:41 · 2452 阅读 · 0 评论 -
jQuery的deferred对象详解
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌...原创 2017-09-05 00:53:20 · 111 阅读 · 0 评论 -
jQuery 中的 Deferred 和 Promises-Promises/A规范
Javascript里异步编程逐渐被大家接受，先前大家一般通过回调嵌套，setTimeout、setInterval等方式实现，代码看起来非常不直观，不看整个代码逻辑很难快速理解。Javascript里异步函数大概有I/O函数（Ajax、postMessage、img load、script load等）、计时函数（setTimeout、setInterval）等。 这些我们都很熟悉，...原创 2017-09-06 22:07:51 · 237 阅读 · 0 评论 -
jQuery 中的 Deferred 和 Promises
看前首先了解：Promises/A规范，具体可以看这里，http://bijian1013.iteye.com/blog/2392429 由于jQuery版本问题对Deferred对象的实现有所不同，具体请参照jQuery api。 jQuery.Deferred()基于Promises/A规范实现，因为jQuery本身的设计风格，jQuery.Deferred()并没有完全遵...原创 2017-09-06 22:24:37 · 238 阅读 · 0 评论 -
JQuery操作select的实例代码
每一次操作select的时候，总是要出来翻一下资料，于是找了资料并做了一下小小的总结，以便以后查阅。夺得2008年欧洲杯冠军的国家是： <select name="nation" id="nation"> <option value="">请选择</option> <option value="Ger原创 2016-06-03 23:52:48 · 257 阅读 · 0 评论 -
jQuery样式选择器小实例
jQuery样式选择器可以通过$(".test1.test2.tt3")方式，也可以通过$("[class='test1 test2 tt3']")方式，如下实例所示：实例1：<html><head> <title>jQuery样式选择器</title> <script src="jquer2014-09-10 21:40:21 · 111 阅读 · 0 评论 -
JQuery的DateTimepicker
DateTimepicker.html<html><head> <title></title> <link type="text/css" href="jquery-ui/jquery-ui-1.9.2.css" rel="stylesheet"></link>2014-08-29 00:12:36 · 194 阅读 · 0 评论 -
jquery radio/checkbox change事件不能触发的问题
我想让radio来控制当前我选择的是机动车还是特种车，如下所示： <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> </hea原创 2013-03-09 21:07:14 · 1300 阅读 · 0 评论 -
JQuery对象的val()方法执行结果分析
JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。 实例如下：<!doctype html><html lang="en"><head>...2013-05-23 20:10:27 · 355 阅读 · 0 评论 -
Uploadify 3.2 参数属性、事件、方法函数详解
一.属性属性名称默认值说明autotrue设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。buttonClass”按钮样式buttonCursor‘hand’鼠标指针悬停在按钮上的样子button...原创 2013-12-20 20:09:03 · 130 阅读 · 0 评论 -
uploadify3.1版本参数使用详解
使用： 绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下});设置的属性：id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://www.static-xxx.nu/uploader/upl...原创 2013-12-20 20:23:48 · 97 阅读 · 0 评论 -
java版-JQuery上传插件Uploadify使用实例
运行效果：包结构图： 后台JAVA逻辑：package com.bijian.study;import java.io.File;import java.io.IOException;import java.util.Iterator;import java.util.List;import java.util.UUID;import javax.s...原创 2013-12-20 21:37:54 · 181 阅读 · 0 评论 -
jQuery的deferred对象详解
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较...原创 2014-02-07 18:17:57 · 104 阅读 · 0 评论 -
ajax同步异步参数async
开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。 格式：$.ajax({ type: 'POST', url: httpUrl, data: JSON.stringify(params), contentType: 'applicatio...原创 2014-02-08 11:04:50 · 522 阅读 · 0 评论 -
JQuery filter()与find()的用法及实例
JQuery的find()方法与filter()方法对于初学者来说容易混淆，在这里对这两个方法通过一个小例子来进行比较和说明，旨在了解这两种方法的区别。 一.find使用<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d...原创 2014-03-29 14:54:40 · 686 阅读 · 0 评论 -
JQuery find()方法和children()方法的区别
find() 方法定义：它是获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。find()方法要注意的地方：find()方法是在当前元素集合内部查找，不包括自己。 实例：<!DOCTYPE html><html><head><script language="JavaScri...原创 2014-03-29 15:05:36 · 392 阅读 · 0 评论 -
JQuery的Datepicker
DatePicker.html<!doctype html><html lang="en"><head><meta charset="utf-8"><title>jQuery UI Datepicker - Default functionality</title>&2014-08-29 00:09:24 · 138 阅读 · 0 评论 -
JQuery设置和去除disabled属性的五种方法
记录下两种方法设置disabled属性以及三种方法移除disabled属性。//两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect')...原创 2017-02-05 18:41:53 · 279 阅读 · 0 评论