随笔分类 - JQuery
摘要：jQuery.each(object, [callback])：通用例遍方法，可用于例遍对象和数组callback：回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略例遍数组，同时使用元素索引和内容。jQuery 代码:$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n );});例遍对象，同时使用成员名称和变量内容。jQuery 代码:$.each( { name: &quo
阅读全文
摘要：jQuery.noop: 一个空函数jQuery.proxy(function, scope):返回一个新函数，并且这个函数始终保持了特定的作用域jQuery.proxy( scope, name ):第一个参数是要设定的作用域对象。第二个参数是将要设置作用域的函数名（必须是第一个作用域对象的一个属性）。强制设置函数的作用域，让this指向obj而不是#test对象HTML 代码:<div id="test">Click Here!</div>jQuery 代码:var obj = { name: "John", test: fu
阅读全文
摘要：1. 滑動效果slideDown(speed, [easing], [callback])：通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来slideUp(speed, [easing], [callback])：通过高度变化（向上減小）来动态地显示所有匹配的元素，在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏起来slideToggle(speed, [callback])：匹配的元素以“滑动”的方式隐藏或显示speed Stri
阅读全文
摘要：add(expr, [context])： 把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集andSelf()：加入先前所选的加入当前元素中, 对于筛选或查找后的元素，要加入先前所选元素时将会很有用选取所有div以及内部的p，并加上border类HTML 代码:<div><p>First Paragraph</p><p>Second Paragraph</p></div>jQuery 代码:$("div").find("p").and
阅读全文
摘要：JQuery中的過濾篩選方法 與選擇器不同， 但實現的是選擇器的功能eq(index)： 同選擇器 :eq(index)， index都從0開始filter(expr)：筛选出与指定表达式匹配的元素集合， 多個表達式用，分開， 多個表達式是OR的關係， 並不是and的關係filter(fn): 对每个对象調用一次fn (正如 '$.each'). 如果调用的函数返回false则这个元素被删除，否则就会保留HTML 代码:<p><ol><li>Hello</li></ol></p><p>How a
阅读全文
摘要：1. 讀取或設置CSScss(name)：访问第一个匹配元素的样式属性。css(name, value)：在所有匹配的元素中，设置一个样式属性的值css(properties)：把一个“名/值对”对象设置为所有匹配元素的样式属性css(name, function(index, value))：在所有匹配的元素中，设置一个样式属性的值. function: index为元素在对象集合中的索引位置，value是原先的属性值$("div").click(function() { $(this).css({ width: function(index, value) { ...
阅读全文
摘要：1. html()：取得第一个匹配元素的html内容html页面代码：<div><p>Hello</p></div><div>World</div>jquery代码：$("div").html();结果：<p>Hello</p>2. text（）：取得所有匹配元素的文本内容。结果是由所有匹配元素包含的文本内容组合起来的文本.html页面代码：<div><p>Hello</p></div><div>World</di
阅读全文
摘要：flexigrid，返回的JSON格式為:var data = {"page":1,"total":100,"rows":[ {"id":0 "cell": [{"column0":value0}, {"column1":value1}, {"column2":value2} ........ ] }, ..................] }
阅读全文
摘要：jQuery对象和DOM对象使用说明，需要的朋友可以参考下。 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系. DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象; 复制代码 代码如下:var domObj = document.getElementById("id"); //DOM对象 var $obj = $("#id"); //jQuery对象;j
阅读全文
摘要：使用data向服務器傳遞參數， JQuery将自动转换为请求字符串格式【processData 為false 可以禁止此自动转换】， 如&foo=bar1&foo=bar2必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'最常見的使用是Key/Value的對象數組，如下：var param = [{ name: 'page', value: p.newp
阅读全文
摘要：1. $(document).ready(fn):当DOM载入就绪可以查询及操做时要执行的函数fn可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行2. load(fn) 在每一个匹配元素的load事件中绑定一个处理函数如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。所以$(document).ready(fn) 在 load（fn)之前執行注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远
阅读全文
摘要：jsonp格式的解釋API原文：如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。使用这种类型的话，会创建一个查询字符串参数 callback=? ，这个参数会加在请求的URL后面。注意：服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。意思就是远程服务端需要对返回的数据做下处理，根据客户端提交的callback的参数，返回一个callback(json)的数据，而客户端将会用script的方式处理返回数据，来对json数据做处理。JQuery.getJSON也同样支持jsonp的数据方式调用。客户端JQuery.aja
阅读全文
摘要：要想深入了解JQuery， 那麼必須對JSON要了解json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组2种结构，通过这两种结构可以表示各种复杂的结构1、对象：对象在js中表示为“{}”扩起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构。2、数组：数组在js中是中括号“[]”扩起来的内容，数据结构为 ["java","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是 数字、字符串、数组、对象几种。经过对象、数组2
阅读全文
摘要：jQuery.ajax([options]) 返回值:XMLHttpRequest回调函数如果要处理$.ajax()得到的数据，则需要使用回调函数。beforeSend、error、dataFilter、success、complete。beforeSend 在发送请求之前调用，并且传入一个XMLHttpRequest作为参数。error 在请求出错时调用。传入XMLHttpRequest对象，描述错误类型的字符串以及一个异常对象（如果有的话）dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据（可能是处理过的）传递
阅读全文
摘要：1. 內部插入append(content)： 向每个匹配的元素内部追加内容。appendTo(content)：把所有匹配的元素追加到另一个指定的元素元素集合中。prepend(content)：向每个匹配的元素内部 前面追加内容。prependTo(content)：把所有匹配的元素前置到另一个、指定的元素元素集合中。$("p").append("<b>Hello</b>"); Result: <p>I would like to say: <b>Hello</b></p>$(&
阅读全文
摘要：1. 語法：為Jquery元素增加方法 jQuery.fn.myPlugin = function() { // Do your awesome plugin stuff here}; 在Jquery命名空間增加方法jQuery.myPlugin = function() { // Do your awesome plugin stuff here};2. 使用$代替jQuery(function( $ ) { $.fn.myPlugin = function() { //在此可以使用$ };})( jQuery );3. this 可以直接使用， 無需$(this)(function( $
阅读全文
摘要：1. 數據存儲data([name]):返回元素上储存的相应名字的数据，可以用data(name, value)来设定如果jQuery集合指向多个元素，那将只返回第一个元素的对应数据$("div").data("blah"); // undefined$("div").data("blah", "hello"); // blah设置为hello$("div").data("blah"); // hello$("div").data(&q
阅读全文
摘要：context：返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档(document)。返回DOM對象$("ul") .append("<li>" + $("ul").context + "</li>") .append("<li>" + $("ul", document.body).context.nodeName + "</li>"
阅读全文
摘要：:first 匹配找到的第一个元素:last 匹配找到的最後一个元素:not(selector) 去除所有与给定选择器匹配的元素 [selector 用于筛选的选择器]如：$("input[type='checkbox']:not(:checked)") 查找所有未选中的 checkbox:even 匹配所有索引值为偶数的元素，从 0 开始计数:odd 匹配所有索引值为奇数的元素，从 0 开始计数:eq(index) 匹配一个给定索引值的元素，从 0 开始 [index Number]:gt(index) 匹配所有大于给定索引值的元素，从 0 开始 [ind
阅读全文
摘要：Jquery選擇器， 最基本的：1. #id : 据给定的ID匹配一个元素。如果选择器中包含特殊字符，可以用两个斜杠转义HTML 代码:<div id="myDiv">id="myDiv"</div><span id="foo:bar"></span><span id="foo[bar]"></span>< span id="foo.bar"></span>jQuery 代码:$("#myD
阅读全文
浙公网安备 33010602011771号