$(function(){//遍历获取的input元素对象数组，绑定click事件var len = $("input[type='file']").length;for(var i = 0; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().hide();$(this).css("width","200px");})} }jQuery获取：jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr)，类似于...
jquery-easyui是一个基于jquery的图形界面插件，利用easyui可以创建很多好看的网页界面效果，easyui的相关地址是：http://jquery-easyui.wikidot.com/； easyui的中文文档地址是：http://www.easyui.net/，本人也利用easeyUI在做一些页面效果。由于我很喜欢那种弹出的对话框界面，因此在界面中应用了Dialog类来处理一些确认的信息，但在利用中发现，弹出的对话框，不能再继续执行asp.net按钮的后台响应代码。界面如下所示。操作是在...
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是:extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用：var newSrc=$.extend({},...
方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的 blur 事件change()触发、或将函数绑定到指定元素的 change 事件click()触发、或将函数绑定到指定元素的 click 事件dblclick()触发、或将函数绑定到指定元素的 double click 事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过 live() 函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的...
serialize:序列表表格内容为字符串，用于 Ajax 请求。可以对整个form，也可以只针对某部分。HTML 代码:<p ><b>Results: </b> </p> <form><select name="single"><option>Single</option><option>Single2</option></select><select name="multiple" multiple="multiple"><option selected="selected">Multiple</option><option>Multiple2</option><option selected="selected">Multiple3</option></select><br/><input type="checkb...
jquery ajax 方法及各参数详解1.$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。参数列表：参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。asyncBoolean(默认: true) 默认...
JQuery标签事件处理实例如果你正在使用JQuery tabs而且想从基本的功能扩展到自定义的功能，这是你最好知道如何处理JQuery的点击事件。 在这篇文章中： 1.回顾如何添加当tab被点击时的事件处理 背景： 需要了解的是，JQuery在不断修正的，很多有用的信息只针对于某一特定的老版本，JQuery已经不在支持。 在这种情况下，JQuery-ui对标签页的事件监听的支持从1.9.x的show命令切换到JQuery-UI 1.10.x的activate命令。 处理一个...
<head><title></title><script src="jquery-1.4.2.js" type="text/javascript"></script><script type="text/javascript">$(function() {//alert($("div").text());//对数组元素使用匿名函数进行逐个处理。$("div").each(function(key, value) {//alert(key+value);// alert($(value).text());alert(this.innerHTML);});//this表示当前遍历的dom元素$("div").each(function() {alert($(this).text());});});</scrip...
//jQuery的优点 : 1 轻量级 2 强大的选择器 3 出色的DOM操作的封装 4 可靠的事件处理机制 5 完善的Ajax 6 不污染顶级变量 7 出色的浏览器兼容性 8 链式操作方式 9 隐式迭代 10 行为曾与结构层的分离 11 丰富的插件支持 12 完善的文档 13 开源<script src="jquery.js" type="text/javascript">这里不许放任何代码</script> ...
Jquery进度条插件 Progress Bar插件应用方法搞的我小纠结了一会，最后感谢同事分享文章，得以结局，呵呵，小经验还是要保存的个人使用总结：<script type="text/ 网页特效" src="/Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="/Scripts/Method/jquery.progressbar.min.js"></script>【Progresbar插件很重要】 <script type="text/javascript"> $(document).ready(function () { ...
trigger()方法用户模拟用户操作，比較常见的一种情况就是输入框自己主动获得焦点：<!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery.js"></script> <title>jquery</title> </head><body> <form name="login"><input type="text" id="username"><br/><input type="password" id="pwd"><br/><input type="submit" value="登陆"> </form> </body> <script type="text/javascript">$...
jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。 一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库...
想要实现的效果：1、点击数字时背景为红色，字体为白色2、点击1或2时，对应下面的灰点消失，再次点击其他数字时灰点显示 wxml:<block wx:for="{{weekDay}}" wx:key="item.index"><view data-key="{{index}}" bindtap=‘select_d‘ class="day_list {{d_state==index?‘red_day‘:‘‘}}"><text>{{item.day_n}}</text><text class=‘{{item.dian_class}} {{item.state==0?"dian_none":"dian_block"}}‘></text></view></block>wxss:...
一、insertBefore()如下代码：找到span标签，将span标签剪切到div的前面<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><script src="../../jq-practice/jq/jquery-2.2.1.min.js"></script><script>$(function(){$(‘span‘).insertBefore($(‘div‘));});</script> </head> <body> <div>div</div> <span>span</span></body> </html>二、insertAfter()与insertBefore正好相反<!DOCTYPE html> <html...
其实Ztree官网已经有详细的API文档，一切以官网上的说明为准,我在此只是结合实践总结几条常用的ztree的功能特性. （ztree的语法结构是基于key-value的形式配置） 1：支持异步加载数据 语法配置：async: {enable: true, url:‘abc.ashx‘,otherParam: { "request": "requestname" }} 简要说明: enable :设置 zTree 是否开启异步加载模式. url:Ajax 获取数据的 URL 地址. otherParam:Ajax 请求提...