Web前端-使用jQuery
关注
分享
扫一扫
zccst
这个作者很懒，什么都没留下…
展开
-
jquery【CSS】
作者：zccstjquery操作CSS也算是比较常见的，之前用过的不算系统，在此整理一下。例如：$("#worksheet-list tr:eq(1)").css({'backgroundColor':'#FF7744','color':'#fff'});解读：为表格的第二行，设置字体颜色和背景色颜色。（多个CSS熟悉时使用对象方式）。其实，操作css远不止...原创 2012-05-17 16:09:44 · 101 阅读 · 0 评论 -
jquery获取浏览器高度、宽度和滚动条高度
作者：zccst遇到过一个问题，网页宽度大于浏览器宽度时出现横向滚动条。希望，能够在打开浏览器时网页居中显示，而不是靠左。解决办法：[code="js"]if($(document).width() > $(window).width()){ var w = ($(document).width() - $(window).width() ) / 2; ...原创 2014-01-15 16:35:12 · 252 阅读 · 0 评论 -
attr与prop的区别
作者：zccstjQuery在1.6.1中对两者做了区别。但仍兼容旧版本。详见：[url]http://blog.sina.com.cn/s/blog_655388ed01017cnc.html[/url]五. 特性（properties）和属性（attributes）有何区别？ DOM对象大部分的property都有对应的attribute，名字也基本一样（也...原创 2014-07-09 18:20:19 · 124 阅读 · 0 评论 -
jquery 中size() length的区别
作者：zccstsize()跟length同样的功能，都是取元素的个数，那么他们的区别是什么呢，一个是方法一个是属性？先看看他们的执行时间吧，http://jsperf.com/size-vs-length用这个检测的[img]http://dl2.iteye.com/upload/attachment/0098/9598/b8b52266-bcba-34e8-a677-0...原创 2014-07-10 10:37:24 · 164 阅读 · 0 评论 -
通过html的id或class查看事件定义源码
作者：zccst整理jQuery通过html的id或class查看事件定义源码$._data($('#clickMe').get(0))参考：[url]http://sudodev.cn/articles/340.html[/url][b]查看原生绑定的事件函数代码[/b]所谓原生就是通过addEventListener方法绑定到dom元素上。这个好办：...原创 2015-01-22 11:26:02 · 452 阅读 · 0 评论 -
jquery post时content-type的几种取值
zccst转载以后用得着的时候慢慢研究参考：[url]http://stackoverflow.com/questions/4007969/application-x-www-form-urlencoded-or-multipart-form-data[/url]四种常见的 POST 提交数据方式我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/...原创 2015-01-26 15:42:05 · 319 阅读 · 0 评论 -
jQuery工具方法还不会的知识点
作者：zccst2015-2-9[b]grep(array, callback, [invert])[/b]使用过滤函数过滤数组元素。此函数至少传递两个参数：待过滤数组和过滤函数。过滤函数必须返回 true 以保留元素或 false 以删除元素。过滤数组中小于 0 的元素。$.grep( [0,1,2], function(n,i){ return n >...原创 2015-01-26 16:29:24 · 129 阅读 · 0 评论 -
至今仍未使用过的jQuery方法
作者：zccstjQuery用了很久了，但还是有很多方法，看上去很陌生，好像从来没有使用过。[b]live delegate的区别[/b]live的事件源头的是documentdelegate的源头是具体要绑定的元素[b]eq和get的区别[/b]仔细查看下API文档就可以知道。eq返回的是一个jquery对象，get返回的是一个html 对...原创 2015-02-02 17:54:11 · 156 阅读 · 0 评论 -
jquery.proxy的四种使用场景及疑问
作者：zccst其实只有两种使用方式，只不过每一种又细分是否传参。先给一段HTML，后面会用来测试：Test 1，jQuery.proxy(function, context);使用context作为function运行上下文（即this）2，jQuery.proxy(function, context [, additionalA...原创 2014-08-01 15:18:40 · 208 阅读 · 0 评论 -
终止jQuery的$.ajax方法abort
作者：zccst最近遇到，如果用户频繁点击ajax请求，有两个问题：1，如果连续点击了5个ajax请求，前4个其实是无效的，趁早结束节省资源。2，更严重的问题是：最后一个发送的请求，响应未必是最后一个，有可能造成混乱。还需要一个队列来维护发送的请求和响应。我其实已经设计好了该队列的实现方式，后来发现jQuery直接通过abort方法，这样就不需要那么复杂的实现了，毕竟还有其...原创 2015-03-30 15:24:00 · 485 阅读 · 0 评论 -
jQuery的$.each循环的对象
作者：zccst[code="js"] //最简单的对象 var o = { 'name':"哈哈", 'age' : 30, 'level':"2b", 'sex' : '男' }; $.each(o, function(key, value){ console...原创 2014-11-07 18:20:33 · 312 阅读 · 0 评论 -
学习jQuery API文档
作者：zccst文档处理remove和detach区别是，所有绑定的事件、附加的数据都会保留下来。clone(true, true);//前一个是否复制事件预处理函数，后者是否深复制。比如一个button绑定了click，则clone(true)后，新button也有click事件往内部追加内容：append,prepend, appendTo,prependTo往...原创 2014-05-21 20:15:05 · 112 阅读 · 0 评论 -
jQuery的$.fn使用
$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。 如扩展$.fn.abc() 那么你可以这样子：$("#div").abc(); 通常使用extend方法扩展，详细请看API. $.fx是指jquery的特效。 如果使用显示、滑动、淡入淡出、动画等。 $.fx.off可以关闭动画，其实是直接显示结果。jquery的ex...原创 2013-12-25 16:10:15 · 145 阅读 · 0 评论 -
jQuery的$.load使用
作者：zccst基本用法（来自手册）[code="js"]//用法一$("#feeds").load("feeds.html");//用法二$("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded.原创 2013-12-25 15:37:38 · 292 阅读 · 0 评论 -
jquery想开发jQuery插件？跟我来
zccst转载首先了解两个概念[b]1，jquery(function(){})与(function(){}(jQuery)的区别[/b][code="js"]jQuery(function(){});//全写为jQuery(docunemt).ready(function(){});[/code]意义为在DOM加载完毕后执行ready()方法[co...原创 2012-05-20 03:59:43 · 119 阅读 · 0 评论 -
jquery操作相同class的dom节点
作者：zccst使用jquery操作相同class的dom节点，会给实际的工作带来很大的便利。如果直接使用$('.class').val();或$('.class').attr('');则只能获取第一个class为指定值的dom节点。如果想获得所有class为指定值的dom节点，则需要先获取dom数组，再遍历dom数组以此获取每一个节点对应的属性值。实例：在某页面...原创 2012-05-21 22:48:31 · 1031 阅读 · 0 评论 -
jQuery使用初步
前端相关的网站：http://www.17zixue.com/article-830.htmlhttp://tikku.com/ 辐射菜单一，jquery使用外部函数1，直接执行$(function(){ //alert("引入jquery"); });2，待整个dom全部加载完成后执行$(document)...原创 2011-12-08 12:07:40 · 148 阅读 · 0 评论 -
jquery收集表单值及操作表单
作者：zccst二、jQuery动态改变表单[b]1，操作select[/b]a. $("#select_id").append("Text"); //为Select追加一个Option(下拉项) b. $("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置) c. $("#select_id option...原创 2012-02-21 14:32:50 · 148 阅读 · 0 评论 -
jquery【选择器】
作者：zccst2，table嵌套时只选择最外层的办法(1). $("#ID")：根据给定的ID匹配一个元素。(2). $(".className")：根据给定的类名匹配元素。(3). $("元素1 元素2")：在给定的祖先元素下（元素1）匹配所有的后代元素（元素2）。(4). $("元素1>元素2")：在给定的父元素下（元素1）匹配所有的子元素（元素2）。 ...原创 2012-03-16 13:34:22 · 160 阅读 · 0 评论 -
jquery【ajax】操作函数
作者：zccstjQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。jQuery.ajax() 执行异步 HTTP (Ajax) 请求。.ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。.ajaxError() ...原创 2012-03-22 10:51:29 · 171 阅读 · 0 评论 -
jQuery【事件】问题
作者：zccst[b]2，jquery文本改变事件绑定[/b]介绍：change：焦点离开时触发事件 focus：获得焦点时触发事件 keyup：按键弹起时触发事件 keypress：按键按下时触发事件（先响应事件，再显示输入结果（获得的是上一次结果），可能被输入法拦截） propertychange：属性改变时触发事件（不管是获...原创 2013-05-17 15:12:41 · 135 阅读 · 0 评论 -
jquery的表单内容序列化方法serialize
jquery的表单内容序列化方法serialize一、前端...var container = $('#xx_div');var search_form = $(container.find('form.search_form'));var param = search_form.serialize();$.post(url,param,fu...原创 2012-09-06 16:03:56 · 299 阅读 · 0 评论 -
jQuery.extend 函数详解
zccst转JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。[b][size=large]一、Jquery的扩展方法原型是:[/size][/b][code="js"] extend(dest,src1,src2,src3...);[/code] ...原创 2013-06-03 14:24:42 · 89 阅读 · 0 评论 -
jquery的deferred用法
作者：zccst参考文档：jQuery的deferred对象详解[url]http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html[/url][b]什么是deferred对象？[/b]开发网站的过程中，我们经常遇到某些耗时很长的javascript操作...原创 2013-11-20 15:39:40 · 210 阅读 · 0 评论 -
$.ajax的error,complete,success方法
作者：zccst2015-03-30今天发现从1.8后，jQuery做了调整The jqXHR objects returned by $.ajax() as of jQuery 1.5 implement the Promise interface, giving them all the properties, methods, and behavior of a Prom...原创 2014-12-16 14:48:42 · 1016 阅读 · 0 评论