我们开发ASP.NET站点时,如果将jQuery UI Datepicker与ASP.NET的验证控件(如:RequiredFieldValidator)组合使用: 代码如下:<asp:TextBox ID="txtDate" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="reqDate" runat="server" ControlToValidate="txtDate" ErrorMessage="*"></asp:RequiredFieldValidator> <script type="text/javascript">$("#<%= txtDate.ClientID %>").datepicker(); </script> 那么当我...
什么是DOM对象? HTML是以树形结构来组织文档的,具体如下: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>1-4</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 引入 jQuery --> <script src="../scripts/jquery-1.3.1.js" type="text...
代码如下:$.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对于普通的对象转换是足够的,但是如果出现对象内部又包含子对象的情形就不能支持了。 例如我有这样的一个for...
each() each(callback)以每一个匹配的元素作为上下文来执行一个函数。 意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。 而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整形)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的...
当用jQuery要选择demo1标签时,会用到下面代码:jQuery('#demo1"); 当用jQuery选择demo1和demo2,不要告诉我用jQuery('div')。 这时就要用到标题中提到的方法,jQuery add方法:追加标签。 jQuery add使用方法: jQuery('#demo1").add('#demo2");
代码: 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的使用(项目上还是用,效率高点。平时基本不用了),希望从而减少对jQuery的依赖度。 但是这链式操作的方式实在吸引人(貌似现在不少新库都采用了链式操作)。 新手无畏嘛,所以写了以下代码。主要是避免以后又忘了,呵呵。 代码如下:window.k = function() { return new k.fn.init(arguments); } k.fn = k.prototype = { init:function() { this.length = 0; //var args = Array.prototype.slice.cal...
1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系. DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; 代码如下:var domObj = document.getElementById("id"); //DOM对象 var $obj = $("#id"); //jQuery对象; jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有...
根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") 代码如下:<div id="div1">AAA</div> <div id="div2">BBB</div> <div id="div3">CCC</div> 根据标签选择, 如: $("span") 代码如下:<div><span>AAA</span></div> <div>BBB</div> <span>CCC</span> 根据样式的类名选择, 如: $(".class1") 代码如下:<div class="class1">AAA</div> <div class="class2">BBB</div> <div class="class1">CCC</div> 选择所有对象是: $("*")...
根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") <div id="div1">AAA</div> <div id="div2">BBB</div> <div id="div3">CCC</div> 根据标签选择, 如: $("span") <div><span>AAA</span></div> <div>BBB</div> <span>CCC</span> 根据样式的类名选择, 如: $(".class1") <div class="class1">AAA</div> <div class="class2">BBB</div> <div class="class1">CCC</div> 选择所有对象是: $("*") 可混合使用, 如: $("#btn2, .class...
选择中的特殊符号: # 指示 id . 指示 class * 全选 , 多选 空格 后代 > 子 ~ 兄弟 + 下一个 : 子(多功能) () 函数式的过滤与查找 获取 div 下的所有标题对象: $("div :header") 代码如下:<body> <h3>AAA</h3> <p>BBB</p> <h4>CCC</h4> <div> <h3>DDD</h3> <p>EEE</p> <h4>FFF</h4> </div> </body> 获取所有标题对象: $(":header") 代码如下:<body> <h3>AAA</h3> <p>BBB</p> <h4>CCC</h4> <div> <h3>DDD</h3> <p>EEE</p> <h4>FFF...
使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象. jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQuery格式化后的事件对象作为唯一参数传入:$("#testDiv").bind("click", function(event) { }); 关于event对象的详细说明, 可以参考jQuery官方文档: http://docs.jquery.com/Events/jQuery.Event jQuery事件对象将不同浏览器的差异进行了合...
什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法.乱使用会报错...
客户端用一个html页面调用一个ashx文件(一般http处理程序),返回 json格式的自定义对象: html: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>ajax测试</title> <script src="js/jquery-1.2.3.js" type="text/javascript"></script><!-这里引用了jQuery框架-> </head> <b...
下面说一下,最近在使用jquery 1.4中使用$.ajax()方法解析json对象遇到的问题。 Json对象是: 代码如下:[{name:二手房出售,infoCount:0,pageUrl:/ershoufang},{name:二手房求购,infoCount:0,pageUrl:/qiugou},{name:二手房装修,infoCount:0,pageUrl:/esfzhuangxiu},{name:二手回收,infoCount:0,pageUrl:/huishou},{name:二手摩托车,infoCount:0,pageUrl:/motor},{name:二手汽车求购,infoCount:0,pageUrl:/ershoucheqg},{name:二手...