摘要:
1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾name即控件name属性,value即控件value属性可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如... 阅读全文
随笔分类 - web---JavaScript---jQuery
jquery 提示插件 cluetip
2014-07-08 22:07 by youxin, 495 阅读, 收藏, 编辑
摘要:
jquery的 插件cluetip,地址下载是:plugins.learningjquery.com/cluetip/demo/下面简单讲解下用法:1 首先当然要放JQUERY的基本JS,和这个插件的JS了,如: $('a.basic').cluetip();3 定义弹出框的高度大小等: $('a... 阅读全文
jquery 插件JTable使用
2014-04-15 00:21 by youxin, 6538 阅读, 收藏, 编辑
摘要:
http://www.jtable.org/下载后增加:Add these lines to theHEADsection of your HTML document:You can select any theme and color schema in themes folder.NOTE: Y... 阅读全文
underscore.js框架使用
2014-04-01 20:53 by youxin, 814 阅读, 收藏, 编辑
摘要:
Underscore.js是一个很精干的库,压缩后只有4KB。它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了JavaScript的编程。MVC框架Backbone.js就将这个库作为自己的工具库。除了可以在浏览器环境使用,Underscore.js还可以用于Node.js。Underscore.js定义了一个下划线(_)对象,函数库的所有方法都属于这个对象。这些方法大致上可以分成:集合(collection)、数组(array)、函数(function)、对象(object)和工具(utility)五大类。nderscoreis a JavaScript library tha 阅读全文
backbone初次使用及hello world
2014-04-01 18:02 by youxin, 536 阅读, 收藏, 编辑
摘要:
官网:http://backbonejs.org/Backbone.js gives structure to web applications by providingmodelswith key-value binding and custom events,collectionswith a rich API of enumerable functions,viewswith declarative event handling, and connects it all to your existing API over a RESTful JSON interface.简而言之,Bac 阅读全文
jQuery工作原理解析以及源代码示例
2013-11-06 11:27 by youxin, 259 阅读, 收藏, 编辑
摘要:
jQuery的开篇声明里有一段非常重要的话:jQuery是为了改变javascript的编码方式而设计的.从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库.jQuery改变javascript编码方式!那么它是如何实现它的声明的呢?这里,用以下的一段简短的使用流程:1)查找(创建)jQuery对象:$(”selector”);2)调用jQuery对象的方法完成我们需要完成的工作:$(”selector”).doOurWork();ok,jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的.这两个步骤是jQuery的编码逻辑核心!要实现这种简 阅读全文
jquery 中 (function( window, undefined ) {})(window)写法详解(转)
2013-11-04 16:29 by youxin, 1716 阅读, 收藏, 编辑
摘要:
最常见的闭包 (Closure) 范式大家都很熟悉了:123(function() {// ...})();很简单,大家都在用。但是,我们需要了解更多。首先,闭包是一个匿名函数 (Anonymous function), 即是 (function() {}) 这部分。之所以要给 function 添加括弧是为了让它形成一个表达式 (expression), 有了表达式,并且确定它的类型是个函数 (Function 实例), 就可以直接调用它。所以,后面的一对括弧是可以工作的,它的意义是:我要调用 (call) 这个函数。既然是函数调用,那就可以像一般的函数那样,在调用时传入参数。这就是本次讨论 阅读全文
jQuery基础---filter()和find()
2013-11-04 15:01 by youxin, 246 阅读, 收藏, 编辑
摘要:
这是jQuery里常用的2个方法。他们2者功能是完全不同的,而初学者往往会被误导。首先 我们看.find()方法:现在有一个页面,里面HTML代码为;程序代码测试1测试2如果我们使用find()方法:var$find=$("div").find(".rain");alert($find.html());将会输出:测试1如果使用filter()方法:var$filter=$("div").filter(".rain");alert($filter.html());将会输出:测试2也许你已经看出它们的区别了。find( 阅读全文
jquery 事件委托三种事件绑定方式.bind(),.live(),.delegate()
2013-10-24 23:59 by youxin, 257 阅读, 收藏, 编辑
摘要:
http://www.ituring.com.cn/article/467#http://www.cnblogs.com/lvdabao/archive/2013/08/30/3290603.htmlhttp://developer.51cto.com/art/201103/249694.htmhttp://www.cnblogs.com/dumuqiao/archive/2011/09/09/2172511.html非常好 阅读全文
jquery $ dollar符号用法总结
2013-10-23 14:31 by youxin, 2863 阅读, 收藏, 编辑
摘要:
参考:https://github.com/chyingp/blog/blob/master/jquery/jQuery%E6%BA%90%E7%A0%81-%E7%BE%8E%E5%85%83$%E7%9A%84%E8%8B%A5%E5%B9%B2%E7%A7%8D%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95.md$的用法有将近10种,也就是说,jQuery.fn.init这一个函数需要处理的情况有将近10种。那究竟都是哪些情况呢?如果想从它的源码直接看出来的话,那最好放弃。当然并不是说此路不通,只不过有更好的方法而已。jQuery之所以这么受欢迎,其中一个原因是 阅读全文
JQuery window、document、 body
2013-10-16 14:20 by youxin, 447 阅读, 收藏, 编辑
摘要:
我电脑屏幕分辨率:1440 * 900最大化浏览器,刷新浏览器alert($(window).width() + "---" + $(window).height()); 1423---768alert($(document).width() + "---" + $(document).height()); 2008---2216alert($("body").width() + "---" + $("body").height()); 2000---2200缩小浏览器,刷新页面alert($( 阅读全文
jQuery 中的 Ajax $.ajax() load() $.get() $.post() $.getJSON() $.getScript()
2013-10-16 13:59 by youxin, 385 阅读, 收藏, 编辑
摘要:
1. $.ajax()方法参数对象属性如下:参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。timeoutNumber设置请求超时时间(毫秒)。此设置将覆盖全局设置。asyncBoolean(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 fal 阅读全文
jQuery.fn和jQuery.prototype jquery.extend() jquery.fn.extend()区别介绍
2013-10-06 21:43 by youxin, 545 阅读, 收藏, 编辑
摘要:
这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么。来看下jQuery的源码是怎么样定义的:(function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } // jQuery对象原型 jQuery.fn = jQuery.pr 阅读全文
jQuery插件开发
2013-10-06 04:44 by youxin, 519 阅读, 收藏, 编辑
摘要:
Query插件的种类jquery插件主要分为3种类型:1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势,有相当一部分的jQuery的方法,都是在jQuery脚本库内部通过这种形式“插”... 阅读全文
自动固定顶部的悬浮菜单栏代码
2013-04-21 22:20 by youxin, 999 阅读, 收藏, 编辑
摘要:
1.jquery方法$(function () { var elm = $('#pordAttr'); var startPos = $(elm).offset().top; $.event.add(window, "scroll", function () { ... 阅读全文
JsonP 跨域完全解析
2013-04-09 23:06 by youxin, 479 阅读, 收藏, 编辑
摘要:
转自快乐乔巴写的非常好。 Jsonp的作者写的文章:http://bob.ippoli.to/archives/2005/12/05/remote-json-jsonp/JSONP是JSON with Padding的略称。它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)Jsonp是通过callback来实现的:假设A文件:<script type="text/javascript"> //回调函数 function callback(d 阅读全文
jquery end() 方法
2013-03-25 23:36 by youxin, 463 阅读, 收藏, 编辑
摘要:
Theend( )method reverts the most recentdestructiveoperation, changing the set of matched elements to its previous state right before the destructive operation.Syntax:Here is the simple syntax to use this method:operations.end( )jQuery文档是这样解释的:jQuery回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。<d 阅读全文
jquery filter使用
2013-03-25 23:28 by youxin, 345 阅读, 收藏, 编辑
摘要:
filter(expr|obj|ele|fn)筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式保留带有select类的元素HTML 代码:<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>jQuery 代码:$("p").filter(".selected")结果:[ <p class="selected">And Agai 阅读全文
javascript和Jquery判断是否滚动到底部
2013-03-19 22:11 by youxin, 4214 阅读, 收藏, 编辑
摘要:
javascript判断滚动到窗口的底部:window.onscroll=function(){ var sHeight=document.documentElement.scrollTop||document.body.scrollTop;//滚动高度 var wHeight=document.documentElement.clientHeight;//window var dHeight=document.documentElement.offsetHeight;//整个文档高度 if(dHeight-(sHeight+wHeight)<100) { ... 阅读全文
jquery选择器返回数组处理
2013-03-18 19:47 by youxin, 6101 阅读, 收藏, 编辑
摘要:
有很多类名为classNameEvent的元素。var eventArr=$(".eventNameClass"); console.log(eventArr); console.log('eventArr '+eventArr[0].text());eventArr[0].click(function(){ });以为$返回的是一个数组,eventArr[0]是第1个元素(jquery),谁知报错:eventArr[0] htmlObject 没有方法text();说明eventArr[0]已经变成了dom元素,要想使用text方法,必须重新包装.$(ev 阅读全文