闪酷跑路网

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

推荐文章

jQuery新特性小结

    jQuery新特性总结 $(document).on: 从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 jQuery推出on()的目的有2个,一是为了统一接口,二是为了提高性能,所以从现在开始用on()替换bind(), live(),  delegate吧。尤其是不要再用live()了,因为它已经处于不推荐使用列表了,随时会被干掉。如果只绑定一次事件,那接着用one()吧,这个没有变化。   jquery中用on来绑定事件,经常的写法有 $(document).on('click','#idname',function(){});

    阅读全文>>

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

2018-11-15

html-jquery/js引用外部图片时遇到看不了或出现403情况解决办法

    html-jquery/js引用外部图片时遇到看不了或出现403情况解决方法 <script type="text/javascript"> function showImg(url) { var frameid = 'frameimg' + Math.random(); window.img = '<img id="img" style="width: 100%;height: auto" src=\'' + url + '?' + Math.random() + '\' /><script>window.onload = function() { parent.document.getElementById(\'' + frameid + '\').height = document.getEl

    阅读全文>>

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

2018-11-16

jQuery中的惯用内容总结(二)

    jQuery中的常用内容总结(二)jQuery中的常用内容总结(二) 转载请注明地址: http://www.cnblogs.com/funnyzpc/p/7571993.html 前言   距离上次博客更新已经有二十来天了(●′ω`●),恍惚之间时间已经从身边流走~,好难过≡(▔﹏▔)≡;所以,我决定这次不管熬夜到几点都要把本节和第三节内容全部写完~ 内容提要   选择器(上一节) 选择器的扩展方法(上一节) 节点的CSS操作及节点其他操作(上一节) Ajax同步与异步(本节) 事件(本节) 弹窗(本节) 参数序列化(第三节) 遍历(第三节) 其他(第三节)   ajax在实际开发中用的特别多,尤其是前后端分离的今天甚是~,接下来所说的ajax都是经过jQuery封装过的,至于写法大致有ajax标准写法和jQuery简写两种,下面先给出这两种写法的样式-&g

    阅读全文>>

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

2018-11-15

jQuery之根本选择器Practice

    jQuery之基本选择器Practice一、在输入框中输入数字,点击按钮,实现对应事件的功能。 html代码: 1 <input id="txt1" type="text" value="2" /> 2 <input id="Button5" type="button" value="改变大于N的行背景为绿色" /> jQuery代码: 1        //改变大于N的行背景为绿色 2 $("#Button5").click(function () {        //获取到ID为txt1的输入框的文本值 3 var num = $("#txt1").val();        //tr的行的下标从0开始,故现实中的数字应该减一 4 num = num - 1; 5

    阅读全文>>

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

2018-11-14

jQuery选择器之表单对象属性淘选选择器

    jQuery选择器之表单对象属性筛选选择器 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <style> input { display: block; margin: 10px; padding: 10px; } </style> <script src="http:

    阅读全文>>

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

2018-11-15

Jquery(4)——动态篇

    Jquery(四)——动态篇jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法。.hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参数: .hide("fast / slow") 这是一个动画设置的快捷方式,'fast' 和 'slow' 分别代表200和600毫秒的延时,就是元素会执行200/600毫秒的动画后再隐藏 注意: jQuery在做hide操作的时候,是会保存本身的元素的原始属性值,再之后通

    阅读全文>>

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

2018-11-15

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浏览(913

2018-11-15

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浏览(2028

2018-11-15

jquery的extend步骤(源码解析)

    jquery的extend方法(源码解析)1.前段时间一直忙于研究数据可视化(d3.js,three.js) 以及 php的 laravel框架,生活上也遇到很多事情,这大概就是人生中的迷茫期吧。 回想起,刚出来工作的时候,目标很明确,要学习什么。将来要达到什么样的高度,要跟大神们肩并肩,谈天论地。朝着这个目标一直 努力着。但随着见过的、做过的、东西越多,反而越来越迷茫-----感觉啥都会,借着度娘,工作中基本不会遇到什么问题了。 但仔细想来又啥都不会。闭着眼睛一写,这也记不住,那也记不住(也许是年龄大的原因吧)。目标一直未变,但怎样自己才能成为自己的偶像,却很困惑。 独自在前端的海洋中漂行着,摸索着,我知道一定走了很多弯路,但我也知道一直前进着。前行之中缺少一盏明灯,怎样才能找到自己的明灯呢? 无聊之时读了读jQuery的源码,希望能够找到自己的那盏灯。 /** 1. $.ex

    阅读全文>>

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

2018-11-15

jq源码解析之绑在$,jQuery上头的方法

    jq源码解析之绑在$,jQuery上面的方法1.当我们用$符号直接调用的方法。在jQuery内部是如何封装的呢?有没有好奇心? // jQuery.extend 的方法 是绑定在 $ 上面的。 jQuery.extend( { //expando 用于决定当前页面的唯一性。 /\D/ 非数字。其实就是去掉小数点。 expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), // Assume jQuery is ready without the ready module isReady: true, // 报错的情况 error: function( msg ) { throw new Error( msg ); },

    阅读全文>>

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

2018-11-15

众人都会的35个Jquery小技巧

    人人都会的35个Jquery小技巧转自CSDN: 收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 Hide when clicked in the search field, the value.(example can be found below in the comment fields) $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($('input.

    阅读全文>>

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

2018-11-16

使用 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浏览(706

2018-11-16

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浏览(2312

2018-11-15
上一页 1/139页 下一页