
jquery
zhengbo0
这个作者很懒,什么都没留下…
展开
-
JQuery遍历select下拉选项的方法
$ ("select:[id='selA'] option" ). each( function () { alert ( $ ( this). text ()); if($(this).text()=='数码产品'){ $(this).attr("selected","selected");转载 2014-04-08 10:19:54 · 10851 阅读 · 0 评论 -
基于jquery,9行js轻松实现tab控件
/** * 考虑到tab和pane有可能被动态的添加和删除, * 所以每次都废点时间去查找先前被激活的tab */ var tab = function(tabId,activeId){ $("#"+tabId).delegate("li:not(#"+activeId+")","click",function(转载 2013-10-12 10:02:47 · 791 阅读 · 0 评论 -
Jquery 多选下拉列表插件jquery multiselect
有一个多选的需求,在网上找到了这个插件:multiselecthttps://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍,不少童鞋都问了这么个问题,怎么获取选中的值?真是个好问题,因为我在看demo的时候也发现了这个问题,呵呵!先简单说说这个插件: jquery-multi转载 2013-09-23 17:25:09 · 2777 阅读 · 1 评论 -
jquery.cookie.js源码和使用方法
jQuery操作cookie的插件,大概的使用方法如下$.cookie('the_cookie’); //读取Cookie值$.cookie(’the_cookie’, ‘the_value’); //设置cookie的值$.cookie(’the_cookie’, ‘the_value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’,转载 2013-09-23 19:43:19 · 2065 阅读 · 0 评论 -
Jquery AutoComplete的使用方法实例
script src="http://code.jquery.com/jquery-1.9.1.js">script> script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">script> link rel="stylesheet" href="/resources/demos/style.css" /> script> $(转载 2013-09-23 19:31:26 · 1360 阅读 · 0 评论 -
jquery.form.js ajax上传文件问题
问题:使用jquery.form.js实现ajax上传文件功能,当服务端返回json格式的字符串,并且头信息是application/json时,客户端代码success回调函数无法执行。 原因:由于jquery.form.js在实现ajax上传文件时采用了iframe的实现方式,因此客户端在接收text或html格式的结果时没有问题。但是当客户端接收json格式时,就产生了问题。 解决方转载 2013-09-30 12:47:10 · 781 阅读 · 0 评论 -
jQuery插件 -- Form表单插件jquery.form.js
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能。另外,插件还包括其他的一些方法: formToArray()、formSerialize()、fieldSerialize()、fiel转载 2013-09-29 19:01:01 · 603 阅读 · 0 评论 -
jQuery.validate 中文API
jQuery.validate 中文API 名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options转载 2013-09-29 19:26:46 · 718 阅读 · 0 评论 -
jquery.validate+jquery.form提交的三种方式
方式一:是通过jquery.validate的submitHandler选项,即当表单通过验证时执行回调函数。在这个回调函数中通过jquery.form来提交表单;红色和绿色部分为重点function showResponse(responseText,statusText) { if(statusText=='success'){ $("#result")转载 2013-09-29 19:19:14 · 1358 阅读 · 0 评论 -
jquery获得iframe内容的高度
html:JS://初始框架高度$("#right_frame_h").load(function(){ var mainheight = $(this).contents().find("#right_").height()+30; $(this).height(mainheight);});#right_frame_h为iframe的ID#right_为if转载 2013-10-18 09:06:12 · 4542 阅读 · 0 评论 -
8 款值得一试的全新 jQuery 插件
今天本文向大家推荐8款最新的jQuery插件,希望你能够喜欢。 1、jQuery带缩略图竖向伸展焦点图 这是一款jQuery的竖向伸展焦点图,该jQuery焦点图有两个特点,第一切换的按钮有缩略图,第二图片描述中会弹出缩略图和描述链接。 在线演示 / 源码下载 2、个性化的jQuery返回顶部按钮 当用户浏览到网页底部时,可以原创 2013-10-26 23:37:08 · 761 阅读 · 0 评论 -
jQuery校验
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation一导入js库二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email转载 2013-10-23 08:54:09 · 622 阅读 · 0 评论 -
关于jquery插件datatables的简单应用
//这里模拟从后台传过来经过处理的数据var s = [["22","22","1","22","22","22"],["33","33","1","33","33","33"],["44","44","1","44","",""],["55","55","1","","",""],["66","66","1","","",""],["77","77","1","77","",""]]转载 2014-06-17 11:10:38 · 530 阅读 · 0 评论 -
jQuery使用on()绑定动态生成元素的事件无效的问题
jQuery的on()方法可以绑定动态生成元素的事件,但是在实际使用时发现无效。如下HTML:123p> a>123a>p>使用如下方式,对静态元素有效,但是绑定动态生成的a元素的事件时无效:123$('a转载 2014-06-10 12:35:14 · 1905 阅读 · 1 评论 -
jQuery提示parsererror错误解决办法
今天用到jquery来处理ajax,用到了json。但是很诧异,jquery的ajax回调时一直调用了error函数(一直提示parsererror异常),success函数一次没执行过 。代码如下:1$.ajax({2type:'POST',3url:'/go转载 2014-02-28 15:40:34 · 7205 阅读 · 0 评论 -
JQuery中extend详细介绍和使用
JQuery的extend扩展方法:Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了转载 2013-12-19 12:11:49 · 733 阅读 · 0 评论 -
JQuery 表格拖动调整列宽效果
转自:http://www.cnblogs.com/xxfss2/archive/2011/01/21/1941567.html类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己动手尝试实现,在此分享下小小的成果。 首先需要如图所转载 2013-12-17 09:09:02 · 750 阅读 · 0 评论 -
利用 jQuery 克隆对象
在网上搜索关键字 “javascript object clone”,可以找到很多实现克隆 Object 的代码,可是据我测试,让人满意的几乎没有。今天发现 jQuery 的作者 John Resig 给别人的答复,尝试了一下确实很好用。方法如下:// 浅层复制(只复制顶层的非 object 元素)var newObject = jQuery.extend({}, old转载 2013-12-12 14:32:08 · 724 阅读 · 0 评论 -
jquery validate 详解二
这里只是第二篇,前面的内容请参阅上一篇五、常用方法及注意问题1.用其他方式替代默认的SUBMIT$().ready(function() { $("#signupForm").validate({ submitHandler:function(form){ alert("submitted");转载 2013-10-23 09:16:22 · 550 阅读 · 0 评论 -
jquery validate 自定义验证方法 日期验证
jquery validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则。这里就来聊一聊jquery validate的自定义验证。 jquery validate有一个方法,可以让用户来自定义验证规则。案例一://自定义验证 $.validator.addMethod("isPositive",functi转载 2013-10-23 10:37:45 · 1170 阅读 · 0 评论 -
使用jquery获取父元素或父节点的方法
jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解:先举个例子,1.ul class="parent1"> 2.li>a href="#" id="item1">jquery获取父节点a>li> 3.li>a href="#">jquery获取父元素a>l转载 2013-08-27 15:42:36 · 710 阅读 · 0 评论 -
jQuery 事件 - trigger() 方法
实例触发 input 元素的 select 事件:$("button").click(function(){ $("input").trigger("select");});亲自试一试定义和用法trigger() 方法触发被选元素的指定事件类型。触发事件规定被选元素要触发的事件。语法$(selector).trig原创 2013-08-27 10:56:41 · 1046 阅读 · 0 评论 -
jQuery的选择器——可见性过滤选择器
jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素。主要有两个:可见:visible和不可见:hidden。今天我们主要来学习这两个选择器的使用。先来看一个HTML结构,方便学习这两个选择器的使用:div class="wrap"> span>span> div>div> div style="display:none">Hider!div> div st转载 2013-08-27 09:11:35 · 1227 阅读 · 2 评论 -
JQuery选择过滤器
1.DOM对象与JQuery包装集1.通过document.getElementById(),document.getElementsByName()等取的就是DOM对象或DOM对象集,前者取的是对象,后者取得DOM对象集var text11_dom=document.getElementById("text11");var text11_dom=document.getEleme转载 2012-09-26 17:50:54 · 477 阅读 · 0 评论 -
jQuery.trim()
jQuery.trim( str )Returns: String Description: Remove the whitespace from the beginning and end of a string.version added: 1.0jQuery.trim( str )strThe string to trim.The $.trim原创 2012-08-14 11:36:06 · 551 阅读 · 0 评论 -
jQuery操作Select
jQuery是如何控制和操作select的。先看下面的html代码select id="test">option value="1">选项一option>option value="2">选项一option> ...option value="n">选项Noption>select>所谓jQuery操转载 2012-08-14 10:25:08 · 526 阅读 · 0 评论 -
jQuery操作radio、checkbox、select总结
1、radio:单选框 HTML代码:input type="radio" name="radio" id="radio1" value="1" />1 1 2 3 4 js操作代码: jQuery("input[type='radio'][name='radio'转载 2012-07-12 15:57:40 · 674 阅读 · 0 评论 -
jquery设置元素的readonly和disabled
Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性原创 2012-08-13 14:10:38 · 521 阅读 · 0 评论 -
jQuery 判断 checkbox 是否被选中的几种方法 .
方法一:if ($("#checkbox-id")get(0).checked) { // do something}方法二:if($('#checkbox-id').is(':checked')) { // do something}方法三:if ($('#checkbox-id').attr('checked')) { // d转载 2012-07-16 16:02:01 · 717 阅读 · 0 评论 -
Jquery怎么获取select选中项 自定义属性的值
Jquery如何获取select选中项 自定义属性的值?HTML code日卡月卡年卡JScript code function ddl_change(obj) { alert($("#ddl").attr("emoney")); }Jquery如转载 2012-07-16 18:42:38 · 4839 阅读 · 1 评论 -
jQuery两个有意思的切换方法
hover:hover是一个自定义方法,描述的是,状态一,状态二,鼠标滑动而触发。效果与onmousemove onmouseout类似。对于这种状态,用一个小例子来描述,其实,在复杂的动画富web应用中,hover的作用很广泛。在function(){},function(){}这两个回调函数中,足以让我们发挥丰富的扩展。.hover(function(){..},function(){转载 2012-10-11 18:17:24 · 867 阅读 · 0 评论 -
jQuery使用ajax跨域获取数据
var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; jQuery.support.cors = true; //之前没有加这句老是提示no transport,我没去深想。 $.ajax ({ type:转载 2012-10-23 17:29:46 · 4079 阅读 · 0 评论 -
jquery 如何同时选择多个不同的id执行同一种操作?
$("#id1,#id2,#id3,#id4")怎样用jquery获取又有相同class的text的值?$(".className").each(function(){ alert($(this).text()); });通过自定义属性,选择相同class不同text的值 $(".className[param='insert']").val()原创 2012-12-04 16:08:38 · 13047 阅读 · 0 评论 -
jQuery:radio change事件及控件enabled、disabled设置
每季: <asp:RadioButton ID="rbJi" runat="server" GroupName="Ji" Text="季首月" Checked="True" />转载 2013-08-25 15:23:00 · 5142 阅读 · 1 评论 -
利用jQuery对无序列表排序
利用jQuery对无序列表排序的原理是:获取到无序列表中的所有列表项,并转成数组形式,使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript函数sort()。1.jQuery函数介绍(1)jQuery函数get()--获取匹配元素集合该函数取得所有匹配元转载 2013-08-25 15:39:48 · 2190 阅读 · 0 评论 -
jQuery 遍历 - map() 方法
首先是普通的数组(索引为整数的数组): 1 //$.map(arr,fn); 2 //对数组中的每个元素调用fn函数逐个进行处理,fn函数将处理返回最后得到的一个新的数组 3 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; 4 var newarr = $.map(arr, function (item) { return item * 2 }); 5转载 2013-08-23 18:56:49 · 9241 阅读 · 1 评论 -
jQuery 双击事件(dblclick)时,不触发单击事件(click)
万恶的双击事件啊!! 在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click)。 先看一下点击事转载 2013-08-23 10:09:15 · 1704 阅读 · 2 评论 -
jQuery:插入,复制,替换和删除节点
jQuery插入,复制、替换和删除节点 $(document).ready(function(){ //几种添加节点的方法 //$("p").append("你好吗?");//向p元素中追加《b》 //$("你好吗?").appendTo("p");//将《b》追加到p元素中 //$("p").prepend("你好吗?");转载 2013-08-22 17:36:46 · 587 阅读 · 0 评论 -
jQuery中设置form表单中action值的方法
html代码:id="myFormId"name="myForm" action="" method="post"> 熟悉JavaScript的朋友一定晓得JS可以动态改变form表单中action的值,写法如下:document.myForm.action = "userinfo.shtml"; //需要注意的是form标签一定要有name属性,转载 2013-04-18 10:55:01 · 570 阅读 · 0 评论 -
JQuery获取和设置Select选项常用方法总结 .
1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $("#cusChildTypeId option:selected").text()2.获取select选中的 value: $("#ddlRegType ").val();3.获取select选中的索引: $("#转载 2012-09-07 11:04:40 · 499 阅读 · 0 评论