标签：array 类型 语言 log text nod 交互 return ext
jQuery.merge( first,second )
不进行$.merge( [],first )操作：
var first = [‘a‘,‘b‘,‘c‘]; var second = [‘d‘,‘e‘,‘f‘]; var newArray =$.merge( first, second); console.log(newArray); // ["a", "b", "c", "d", "e", "f"] var first = [‘a‘,‘b‘,‘c‘]; var second = [‘d‘,‘e‘,‘f‘]; var newArray =$.merge( first, second); console.log(first); // ["a", "b", "c", "d", "e", "f"] var first = [‘a‘,‘b‘,‘c‘]; var second = [‘d‘,‘e‘,‘f‘]; var newArray =$.merge( first, second); console.log(second); // ["d", "e", "f"]
进行$.merge( [],first )操作：
var first = [‘a‘,‘b‘,‘c‘]; var second = [‘d‘,‘e‘,‘f‘]; var newArray =$.merge( $.merge([],first), second); console.log(newArray); // ["a", "b", "c", "d", "e", "f"] var first = [‘a‘,‘b‘,‘c‘]; var second = [‘d‘,‘e‘,‘f‘]; var k =$.merge( $.merge([],first), second); console.log(first); // ["a", "b", "c"] var first = [‘a‘,‘b‘,‘c‘]; var second = [‘d‘,‘e‘,‘f‘]; var k =$.merge( $.merge([],first), second); console.log(second); // ["d", "e", "f"]
相信通过上面的代码已经对 $.merge( first,second ) 和 $.merge( [],first ) 有了直观的认识，剩下的就是实践。
jQuery.noop()
var result = $.map( [1, 2, 3], $.noop ); console.log(result); // [] var arr = $.map([1, 2, 3 , 4], function(a) { return a + a; }); console.log(arr); // [2, 4, 6, 8]
通过上例对 $.noop 理解相信已经了然于胸。
jQuery.now()
jQuery.parseHTML( data[,context ][,keepScripts] )
使用原生方法将字符串转换为一个DOM节点的集合，然后插入到文档。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery.extend demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div id="log"> <h3>Content:</h3> </div> <script> var $log = $("#log"), str = "hello, <b>my name is</b> jQuery.", parse = $.parseHTML(str), nodeNames = []; $log.append(parse); $.each(parse, function(i, el) { nodeNames[i] = "<li>" + el.nodeName + "</li>"; }); $log.append("<h3>Node Names:</h3>"); $("<ol></ol>") .append(nodeNames.join("")) .appendTo($log); </script> </body> </html>
el.nodeName 获取节点名，放入数组，采用join() 方法把数组中所有元素放到字符串，然后插入DOM
jQuery.parseJSON( json )
JSON.parse( text[,reviver] ):
JSON.parse(‘{"1": 1, "2": 2,"3": {"4": 4, "5": {"6": 6}}}‘, function (k, v) {
console.log(k); // 输出当前的属性名，从而得知遍历顺序是从内向外的，
// 最后一个属性名会是个空字符串。 1,2,4,6,5,3,空
return v; // 返回原始属性值，相当于没有传递 reviver 参数。 Object {1: 1, 2: 2, 3: Object}
});
jQuery.parseXML()
jQuery.proxy()
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery.extend demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button>执行 test 函数</button> <p></p> <script> $(document).ready(function(){ var objPerson = { name: "John Doe", age: 32, test: function(){ $("p").after("Name: " + this.name + "<br> Age: " + this.age); } }; $("button").click($.proxy(objPerson,"test")); }); </script> </body> </html>
jQuery.trim()
$.trim(" hello, how are you? "); // "hello, how are you?"
学习一门语言也如王国维所讲的‘人生三境界’。对于 jQuery 的学习需要深入更深入。因为相较于原生JS它是另一种优秀，也许开始接触是因为那几行代码就可以出现的丰富交互效果，后来接触数据同样激动，最后愿所有学习者都可以触类旁通
标签：array 类型 语言 log text nod 交互 return ext
原文地址：http://www.cnblogs.com/momei/p/7216933.html
