代码人生的小狗窝

一行行枯燥的代码,却描绘出人生的点点滴滴

推荐文章

jquery一键统制checkbox全选,反选,全不选

    jquery一键控制checkbox全选,反选,全不选。jquery attr()方法获取标签的 checked 会有问题,所以用了 prop() 方法。 Hml的checkbox没有加name,只用了 div 嵌套。 如有更好的方法,望指点!! //全选 $('#allChecked').change(function(){ $('#box').children(':checkbox').prop('checked',$(this).is(':checked')?true:false); }); //反选 $('#invertChecked').change(function(){ if($(this).is(':checked')){ $('#box').children(':checkbox').each(function(){ $(thi

    阅读全文>>

作者:coody分类:【_jQuery浏览(1106

2019-09-25

jQuery动态计算文本框内的可输入篇幅

    jQuery动态计算文本框内的可输入字数 <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery动态计算文本框内的可输入字数</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/textSum.min.js"></script> <style type="text/css"> *{ box-sizing:border-box;} body{ background:#f4f4f4;} span{ font-s

    阅读全文>>

作者:coody分类:【_jQuery浏览(2171

2019-09-25

Web前端基础——jQuery(2)

    Web前端基础——jQuery(二)一、jQuery 中的常用函数 1) $.map(Array,fn); 对数组中的每个元素,都用fn进行处理,fn将处理后的结果返回,最后得到一个数组                 //因为这些操作,没有与dom元素相关的,所以可以不用写在 $(function(){...}); 中 var arr=[1,3,5,7,9]; arr=$.map(arr,function(item){ return item*10; }); alert(arr); [10,30,50,70,90]; //上例是将数组中的每个元素乘10,然后返回新的数组 &nbs

    阅读全文>>

作者:coody分类:【_jQuery浏览(693

2019-09-25

jquery,ajax,jsonp事例+springmvc后台

    jquery,ajax,jsonp例子+springmvc后台 <script src="js/jquery-1.11.1.min.js"></script> <script> $(function () { $("#username").bind('change', function () { /* $.ajax({ url: "http://www.wwaattssuunn.com/localhost:8080/springmvc-01/checkusername.action", type: "POST", data: JSON.stringify({ 'userna

    阅读全文>>

作者:coody分类:【_jQuery浏览(866

2019-09-27

jquery easyui平添、关闭、刷新Tab页

    jquery easyui添加、关闭、刷新Tab页   应用地址:http://chengyong.iteye.com/blog/1846455   define(function(require, exports, module) { if (!window.cms) window.cms = {}; cms = { //添加新Tab页 addTab : function(data) { var content = '<iframe scrolling="auto" frameborder="0" src="' + data.url + '" style="width:100%;height:100%;"></iframe>';

    阅读全文>>

作者:coody分类:【_jQuery浏览(684

2019-09-25

使用 jquery 获取一组或许单个 checkbox 的选中状态的值

    使用 jquery 获取一组或者单个 checkbox 的选中状态的值 使用 jquery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明,假设现有一页面有一组 checkbox 的 name 的值为 id ,那么获取这组 name=id 的checkbox的值的方法如下: var id_array=new Array();   $('input[name="id"]:checked').each(function(){       id_array.push($(this).val());//向数组中添加元素   });   var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串   alert(idstr);  另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下:  

    阅读全文>>

作者:coody分类:【_jQuery浏览(775

2019-09-27

jQuery的attr()与css()对照

    jQuery的attr()与css()对比 首先要区分下样式和属性 属性:我们通常将id,src,alt,class,href称为属性,也即元素属性. 样式:width,color,font-size,display 等       jquery中有attr()和css()两种方法 ①attr()主要是针对元素的属性进行操作   ②css()修改的是样式里面的属性,两者的侧重点不同   ①attr()主要是针对元素的属性进行操作,如img的src属性和alt属性,a链接的href属性等等; ②css()修改的是样式里面的属性,即是style里面的属性   拓展: 1 如果想要通过attr()获取属性值,那么该属性必须显式的设置在HTML代码中或者通过attr新增的属性才能被获取到,如果没有设置,那么将返回undefined  2 如果通过prop()获取属性值,那么该属性只能是H

    阅读全文>>

作者:coody分类:【_jQuery浏览(1242

2019-09-25

jquery实现下鼠标点击处的炫酷效果

    jquery实现在鼠标点击处的炫酷效果 鼠标点击一下,在鼠标上方显示一个爱心❤,并有慢慢向上消失的效果,如下图   是不是很炫酷,直接贴代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试</title> <script type="text/javascript" src="./jquery.min.js"></script> <style type="text/css"> *{ margin: 0px; padding: 0px; } </style>

    阅读全文>>

作者:coody分类:【_jQuery浏览(1514

2019-09-25

使用SUI与JQuery冲突的解决办法

    使用SUI与JQuery冲突的解决方法 点击有惊喜 阿里云幸运券分享给你,用券购买或者升级阿里云相应产品会有特惠惊喜哦!把想要买的产品的幸运券都领走吧!快下手,马上就要抢光了。       解决方式:替换jquery的$定义或者替换zepto.js的$定义     解决方法: jquery有一个方法叫noConflict() ,可以把jquery的$改掉。 var jq=$.noConflict(); 这个时候用jq来代替jquery的$吧。 zepto的符号改掉 window.$$=window.Zepto = Zepto 在zepto里加入这一行代码,就可以用$$来代替zepto里的$了。当然也可以选择其他符号来代替。     例如:            <script th:src="@{../../../../mobileJs/jquery-2.1.1.m

    阅读全文>>

作者:coody分类:【_jQuery浏览(926

2019-09-26

jQuery UI的版本及特征

    jQuery UI的版本及特性 版本   jQuery UI 1.9.2 发布,这是 jQuery UI 1.9的第二个维护版本,修复了包括: Accordion, Autocomplete, Button, Datepicker, Dialog, Menu, Tabs, Tooltip and Widget Factory 等多个组件的 bug。     jQuery UI 特性       简单易用 继承 jQuery 简易使用特性,提供高度抽象接口,短期改善网站易用性。 开源免费 采用 MIT & GPL 双协议授权,轻松满足自由产品至企业产品各种授权需求。 广泛兼容 兼容各主流桌面浏览器。包括IE 6+、Firefox 2+、Safari 3+、Opera 9+、Chrome 1+。 轻便快捷 组件间相对独立,可按需加载,避免浪费带宽拖慢网页打开速度。 标准先进

    阅读全文>>

作者:coody分类:【_jQuery浏览(2013

2019-09-24

jquery的报表的变色功能

    jquery的表格的变色功能     jQuery中对于可以对于我们的表格进行很多操作,我们实现一下表格的变色。   首先我们来用学生的信息表来举例,下面是HTML代码 :     <table> <thead> <tr><th>姓名</th><th>性别</th><th>家庭住址</th></tr> <tthead> <tbody> <tr><td>小张</td><td>男</td><td>山西</td></tr> <

    阅读全文>>

作者:coody分类:【_jQuery浏览(1541

2019-09-27

JQuery的学习内容小结. 学习手册

    JQuery的学习内容总结. 学习手册 JQuery的查询手册 :一, JQuery的用法   1. 首先要下载Jquery的js文件,并在需要使用JQuery的html文件的<head>标签加载该js文件 :        <script type="text/javascript" src="js/jquery.js"></script>        并在下一行输入JQuery代码 : <script>JQuery代码 </script>    2. JQuery代码都要从如下代码开始 :    &n

    阅读全文>>

作者:coody分类:【_jQuery浏览(569

2019-09-25

jQuery下载所有版本(实时更新…)

    jQuery下载所有版本(实时更新……) 本页面提供全部及最新的jQuery版本下载,包括未压缩版和压缩版,可以根据开发和实际应用下载或者引用对应版本文件。友情提示:压缩版本适于实际应用,未压缩版本适于开发调试过程。 (注!jquery-2.0以上版本不再支持IE 6/7/8) 并不是最新的版本就最好的,而是根据您项目需求所适合的版本!★推荐阅读:如何选择jQuery版本? 所有版本的打包下载:  jQuery所有版本.rar  或者 https://pan.baidu.com/s/14VWGbQg0DBBSpDsMpUF7wQ jquery-3.3.1(最新) 下载链接: jquery-3.3.1.rar 或者 https://pan.baidu.com/s/1TOUWgaV1R9KddcbsWuDtDQ jquery-3.2.1 下载链接: jquery-3

    阅读全文>>

作者:coody分类:【_jQuery浏览(523

2019-09-27
上一页 1/151页 下一页