什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会...
如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的。if($("#id")){//... }else{//... }因为 $(“#id”) 不管对象是否存在都会返回 object 。 正确使用判断对象是否存在应该用：if($("#id").length>0){//... }else{//... }使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。 或者if($("#id")[0]){//... }else{//... }或者直接使用原生的 Javascript 代码来判断：if(document.getElementById("id")){//... }else{//....
一、前言 jQuery1.5之前，如果需要多次Ajax操作，我们一般会使用下面的两种方式： 1).串行调用Ajax$.ajax({ success: function() { $.ajax({ success: function() {$.ajax({ //callbacks... }); }); }); 这种方式代码可读性差，效率低，晦涩难懂，调试和排错的复杂度大。 2).并行调用Ajaxvar promises = []; $.ajax({success: function() { promises.push('resolved'); check(); } }); $.ajax({ success: function() { promis...
虽然现在慢慢减少了对jQuery的使用（项目上还是用，效率高点。平时基本不用了），希望从而减少对jQuery的依赖度。 但是这链式操作的方式实在吸引人（貌似现在不少新库都采用了链式操作）。 新手无畏嘛，所以写了以下代码。主要是避免以后又忘了，呵呵。 代码如下: window.k = function() { return new k.fn.init(arguments); } k.fn = k.prototype = { init:function() { this.length = 0; //var args = Array.prototype.slice.ca...
代码： var s=$("div"); alert(s.length); alert(s[0]); jQuery对象默认都有个0索引, s为jQuery对象 s[0]为Dom元素 可以用dom的所有属性和方法 可以根据length属性判断一共包含有多少个Dom元素对象。 取对象用：s[0]，s[1]，s[2]...... #id 根据给定的ID匹配一个元素。$("#id1") element 根据给定的元素名匹配所有元素 $("div")
当用jQuery要选择demo1标签时，会用到下面代码：jQuery('#demo1"); 当用jQuery选择demo1和demo2，不要告诉我用jQuery('div')。 这时就要用到标题中提到的方法，jQuery add方法：追加标签。 jQuery add使用方法： jQuery('#demo1").add('#demo2");
each（） each(callback)以每一个匹配的元素作为上下文来执行一个函数。 意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。 而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整形）。 返回 false 将停止循环 (就像在普通的循环中使用 break)。返回 true 跳至下一个循环(就像在普通的循环中...
代码如下: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ); } else { o[this.name] = this.value || ; } }); return o; } 这个function对于普通的对象转换是足够的，但是如果出现对象内部又包含子对象的情形就不能支持了。 例如我有这样的一个fo...
什么是DOM对象？ HTML是以树形结构来组织文档的，具体如下: 代码如下: 1-4 //等待dom元素加载完毕. $(document).ready(function(){ var domObj = document.getElementsByTagName("h3")[0]; // Dom对象 var $jQueryObj = $(domObj); //jQuery对象 alert("DOM对象："+domObj.innerHTML); alert("jQuery对象："+$jQueryObj.html()); }); 例子 你最喜欢的水果是? 苹果 橘子 菠萝 上面的HTML文件的DOM树如下： 什么是j...
我们开发ASP.NET站点时，如果将jQuery UI Datepicker与ASP.NET的验证控件（如：RequiredFieldValidator）组合使用： 代码如下: $("#").datepicker(); 那么当我们在Datepicker中选择某个日期时就会出现“'length'为空或不是对象”的错误。这由于Datepicker的bug造成的，经过我的研究，找到了一个很简单的解决方法——捕获Datepicker的onSelect事件，但不做任何处理： 代码如下: $("#").datepicker({ onSelect: function(dateT...
在Jquery中这三个函数如果有参数的话就是赋值操作，没有参数则是取值操作，其中val()是一个很重要的方法，和它相关的表单对象如：input系的标签、select、textarea等都是用于和服务器端交互的标签元素，所以要搞清楚这个val（）； 对于radio、checkbox、select的赋值操作： 代码如下: $("input[name=a]").val(["娱乐1"]); $("input[type=checkbox]").val(["篮球", "游戏"]); $("select").val(["篮球", "游戏"]); 代码分析： 对ra...
代码如下: isEmptyObject: function( obj ) { for ( var name in obj ) { return false; } return true; } 分析： 1.什么是对象：其实，在javascript中对象是一组“键/值”的组合，说白了就是数据集，表示属性和方法 jQuery 判断一个对象是否为空是使用for name in obj 来遍历对象中的属性名.如果一个对象有属性名则运行return false来返回结果，退出循环;否则，运行return true;
一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言 本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性. 大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生产使用的实例暂时还无法加入到文章中, 但是可能最后我会列举一些作品供大家借鉴. 另外本人水平有限, 因为我不是UI设计师. 文章可能有错误的地方, 希望大...
$("#test") //jQuery对象 $("#test")[0] //jQuery对象->原生的DOM对象 $($("#test")[0]) //DOM对象->jQuery对象(有点绕，但只要明白使用$()后能将原生的DOM对象封装成jQuery对象即可)
译者注：1. Deferred是jQuery1.5新增的一个特性，很多人把它翻译成 “异步队列”，我觉得比较靠谱，毕竟和“延迟”没啥关系，不过这篇文章中我还采用deferred这个单词。 2. 这篇文章在jQuery1.5发布博客中提到，也是目前介绍deferred比较经典和深入的文章。鉴于目前中文资料比较少，特别翻译出来供大家学习参考。 3. 通篇采用意译的方式，如有不当还请大家提出。 jQuery1.5中新增的Deferreds对象，可以将任务完成的处理方式与任务本...