Jquery 应用积累

JQuery 技巧积累与总结

1.获得select 元素选中的值 $('#WishlistSelect option:selected').val(); 2.设置按钮的disabled属性的实现代码 $('#button').attr('disabled',"true");添加disabled属性 $('#button').removeAttr("disabled"); 移除disabled属性 3.处理字符串空格 <script type="text/javascript&qu…

jquery知识点积累

网上资源汇总学习: jquery的选择器是CSS1-3,xpath的结合物.JQuery提取了这二种查询语言最好的部分,创造出了最终的jquery表达式查询语言. xpath是一门在xml文档里查找信息的语言,xpath可以用来在xml文档中对元素和属性进行遍历.xpath使用路径表达式来选取xml文档中的节点或节点集.节点是沿着路径(path)或者步(step)来选取的.它是w3c的一个标准. JQuery选择器执行效率: 1.最快:id选择器和元素标签选择器例如:$("#id")…

1.控制div显隐 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态.如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. $("#id").css('display','none'); $("#id").css('display','block'); 或 $(&qu…

jQuery 知识点积累

1.判断checkbox是否选中 $("#aa").prop("checked")==true2.给属性赋值 $("#aa").prop("checked",true) $("#aa").prop("readonly",true) $("#aa").prop("disabled",true)prop()只能返回true和false,对于一般…

jQuery 知识积累

1.select下拉框设置选中项 //设置下拉框第一项为选中项$("#selectId option:first").prop("selected", 'selected'); $("#selectId").find("option:first").attr("selected", 'selected'); $("#selectId option").eq(0).attr("s…

笔记 jquery 的一个bug解决方法积累

本博客是自己在学习和工作途中的积累与总结,仅供自己参考,也欢迎大家转载,转载时请注明出处当id或匹配条件中包含特殊字符时,浏览器控制台会报缺少")"的异常,解决办法目前有两个: 1. 自定义一个函数,匹配特殊字符然后进行转义,加“\”即可 2. 最好的解决办法,通过属性匹配,例如: <span id="abc%D3D_">这是一个demo!</span> 若通过jquery的$("#abc%D3D_").val(),绝对…

jQuery积累

一:Google的CDN(内容分发网络) <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head> Microsoft的CDN <head> <script type="text/javascrip…

项目积累——jQuery

初始化时为文本框赋值,聚焦后清空内容 $(function(){ $("#buyDate").val("格式:2014-01-01"); $("#buyDate").css("color","gray"); $("#buyDate").focus(function(){ if($("#buyDate").val()=="格式:2014-01-01"…

Jquery 之日常积累（一）

1.jquery函数在参数中传递 this,正确的写法: //页面中用 GetString(this); //脚本中定义 function GetString(obj){ var str = $(obj).html(); alert(str); } 2.jquery 获取元素属性 //获取元素属性 $("#div").attr("class"); $("#div").prop("class"); //设置元素属性 $(&quo…

jQuery操错题积累

1: 解析: onBlur:焦点移除事件. onfocus:定义和用法 onfocus 事件在对象获得焦点时发生 onchange:定义和用法 onchange 事件会在域的内容改变时发生 nclick:定义和用法 onclick 事件会在对象被点击时发生. 2: 解释: 绑定事件用bind()方法 3: 解释: hover代表over和out的组合事件,必须传入处理函数. 4: 解释: next()获取的是下一个元素 5: 解释: 为什么不选a,因为click()是jQuery的单击事件为什么…

点滴积累【JS】---JQuery实现条形统计图，适用于选择题等统计

效果: 思路:前台JS实现动态数据效果,后台可以拼接字符串或者用JSON加载数据代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tiao.aspx.cs" Inherits="qiantaoflash.tiao" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit…

【积累】根据CheckBox的不选中，用JQuery 清除 RidaoButtonList 的选中项

如题,项目要求无刷新更新数据. 1)Web页面布局 Html以及效果图 …

jQuery积累：serialize()、stringify()、toJSON()

*)表单serialize()序列化,和serializeArray() ##)应用场景当Ajax或者get请求发送表单中的某一个,或者某几个值到后台时,通过jQuery就能获取到这些值.然后作为Ajax的参数(或者get请求的 ? 后的参数)发送到后台. 但是,当需要发送整个表单的数据到后台时,表单如果小还好说,表单如果大,有很多的值,那一个一个获取就比较麻烦了. 这个时候,就需要使用$("form").serialize(); 在w3school中可以看到相关资料:http://…

转载：使用jquery刷新当前页面以及其他js知识积累

转载:https://www.cnblogs.com/heguihui/p/10505949.html 如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()刷新最顶端对象(用于多开窗口) 下面再介绍一些javascr…

jquery 拖拽，框选的一点积累

拖拽draggable,框选 selectable,按ctrl多选,临近辅助对齐,从工具栏拖工具等,和jqueryui的selectable不同,是在一个父div里框选子div(类似框选文件),一些功能不是很细致,仅供参考. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&qu…

积累jquery一些有意思的函数

$("#btn").unbind("click"); // 让btn这个元素的点击事件失效 $("#btn").unbind(); // 让btn这个元素的所有事件失效$("ul .select").siblings().removeClass("select");// ul下的某一个li的class属性=select,全部它的同级li移除class属性=selecthasClass("class…

jQuery学习之路（4）- 动画

▓▓▓▓▓▓ 大致介绍通过jQuery中基本的动画方法,能够轻松地为网页添加非常精彩的视觉效果,给用户一种全新的体验 ▓▓▓▓▓▓ jQuery中的动画 ▓▓▓▓▓▓ show()和hide()方法 1.show()方法和hide()方法是jQuery中最基本的方法,hide()方法会将一个元素的display设置为"none": 2.show()方法和hide()方法会同时改变元素的宽度.高度和透明度 3.在一个元素使用hide()方法时会记录原先的display属性,当调用sho…

【番外篇】ASP.NET MVC快速入门之免费jQuery控件库（MVC5+EF6）

目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策略(MVC5+EF6) [第四篇]ASP.NET MVC快速入门之完整示例(MVC5+EF6) [番外篇]ASP.NET MVC快速入门之免费jQuery控件库(MVC5+EF6) 请关注三石的博客:http://cnblogs.com/sanshi FineUIMvc简介 FineUIMvc 是基…

jquery 监听常用监听方法

最近在做网站开发,需要用到不少js的知识.之前学过现在重新来看,发现还真忘了不少~~ 在使用基于bootstrap,或者基于 jquery 的插件时,如过没有出现预期效果请最先检查下是否优先载入的 bootstrap/jquery 文件.(我被这个问题浪费了挺多时间) //1.直接获得当前为星期几 alert(new Date().getDay()); //2.根据不同值获取为星期几 alert(new Date('2009/10/28').getDay()); select的监听: $(do…

jQuery stop()用法

jQuery stop()的用法: stop(true)等价于stop(true,false): 停止被选元素的所有加入队列的动画. stop(true,true):停止被选元素的所有加入队列的动画,但允许完成当前动画. stop()等价于stop(false,false):停止被选元素当前的动画,但允许完成以后队列的所有动画. stop(false,true):立即结束当前的动画到最终效果,然后完成以后队列的所以动画制作下拉菜单(当鼠标移上去的时候就菜单显示,当鼠标离开的时候菜单隐藏) 如果…

50个jQuery插件可将你的网站带到另一个高度

Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力. 关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性——除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间. 通过浏览文档,掌握JQuery的语法是很容易的.它可以支持选择DOM元素,创…

input jquery 操作

本文章主要为了总结开发常用的input等常见html的jquery操作,不是为了展示自己多么菜,只为了积累知识,勿喷!!!不断更新中 $(function () { $("input[name=T]").eq(0).attr("checked", "checked"); //默认第一个选中 $("input[name=T]").each(function () { $(this).click(function () { $(&…

jquery 无刷新多级联动

原先不熟悉jquery时,总在寻找无刷新的方法,在此不断的积累自己所知道的jquery属性,常用方法.以下为jquery实现的无刷新联动事件分公司: <select id="SelectCom"> <option value="">--请选择分公司-- </option> </select> 电厂: <select id="SelectORG"> <option value=&q…

jQuery动画

一.显示和隐藏 hide().show() 1.show():显示被选的元素 2.hide():隐藏被选的元素 3.toggle():对被选元素进行隐藏和显示的切换语法: $(selector).hide(speed,callback); $(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是隐藏或显示完成后所执行的函数名…

jQuery：详解jQuery中的事件（一）

之前用过一些jQuery的动画和特效,但是用到的部分也不超过10%的样子,感觉好浪费啊——当然浪费的不是jQuery,而是Web资源.后来就想深入研究下jQuery的内部机理,读过两遍jQuery源代码,但是自觉还差的好远,跟好多大神(比如阮一峰)的理解还是有很大差距.现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery. JavaScript和HTML之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的.当文档或者它的某些元素发生某些变化或操作时,浏览器就会自动生…

jquery常用函数与方法

1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目.jQuery 1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).animat…