☰

Underdollar jQuery replacement

Replaces jQuery, which causes lots of conflicts, with a framework that is largely cross-compatible

目前为 2018-01-11 提交的版本，查看 最新版本。

此脚本不应直接安装，它是供其他脚本使用的外部库。如果你需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/37273/242608/Underdollar%20jQuery%20replacement.js 

  1. // ==UserScript==
  2. // @name        Underdollar jQuery replacement
  3. // @namespace   https://greasyfork.org
  4. // @include     https://sellers.shopgoodwill.com/sellers/newAuctionItem-catsel.asp*
  5. // @include     https://sellers.shopgoodwill.com/sellers/reviewItem-label.asp*
  6. // @include     https://sellers.shopgoodwill.com/sellers/reviewItem-label.asp?state=2
  7. // @version     1.0.0.1
  8. // @description Replaces jQuery, which causes lots of conflicts, with a framework that is largely cross-compatible
  9. // @grant       none
  10. // ==/UserScript==
  11.  
  12. class underdollar {
  13.     constructor(selector) {
  14. 		this.is_$ = true;
  15. 			
  16. 		var singleNode = (function () {
  17. 			// make an empty node list to inherit from
  18. 			var nodelist = document.createDocumentFragment().childNodes;
  19. 			// return a function to create object formed as desired
  20. 			return function (node) {
  21. 				return Object.create(nodelist, {
  22. 					'0': {value: node, enumerable: true},
  23. 					'length': {value: 1},
  24. 					'item': {
  25. 						"value": function (i) {
  26. 							return this[+i || 0];
  27. 						}, 
  28. 						enumerable: true
  29. 					}
  30. 				}); // return an object pretending to be a NodeList
  31. 			};
  32. 		}());
  33. 	
  34. 		if (arguments.length < 1 || typeof selector == 'undefined') {
  35. 			this.nodeList = 'empty';
  36. 		} else {
  37. 			if (selector instanceof Element) {
  38. 				this.nodeList = singleNode(selector);
  39. 			} else if (selector instanceof NodeList || selector instanceof HTMLCollection) {
  40. 				this.nodeList = selector;
  41. 			} else {
  42. 				console.dir(selector);
  43. 				this.nodeList = document.querySelectorAll(selector);
  44. 			}
  45. 			this.selector = selector;
  46. 		}
  47. 		Array.prototype.forEach.call(document.querySelectorAll('.udTempClassSelector'), function(el) {
  48. 			el.classList.remove('.udTempClassSelector');
  49. 		});
  50. 		
  51. 		this.length = this.nodeList.length;
  52. 		
  53. 	}
  54. 	
  55. // selection functions
  56. 	
  57. 	parent() {
  58. 		if (this.nodeList instanceof NodeList) {
  59. 			var myParent = this.nodeList[0].parentNode;
  60. 			return _$(myParent);
  61. 		}
  62. 	}
  63. 	
  64. 	children() {
  65. 		return _$(this.nodeList[0].children);
  66. 	}
  67. 	
  68. 	first() {
  69. 		if (this.nodeList instanceof NodeList) {
  70. 			return _$(this.nodeList[0]);
  71. 		} else {
  72. 			return _$(this.selector);
  73. 		}
  74. 	}	
  75. 	
  76. 	last() {
  77. 		if (this.nodeList instanceof NodeList) {
  78. 			var length = this.nodeList.length;
  79. 			return _$(this.nodeList[length-1]);
  80. 		} else {
  81. 			return _$(this.selector);
  82. 		}
  83. 	}
  84. 	
  85. 	contents() {
  86. //		var frame = document.getElementById('myframe');
  87. //		var c = frame.contentDocument || frame.contentWindow.document;
  88. 		return this.nodeList[0].contentDocument || this.nodeList[0].contentWindow.document;
  89. 	}
  90. 	
  91. 	
  92. 	
  93. // display functions
  94.  
  95. 	css(arg1, arg2){
  96. 		var me = this;
  97. 		if (typeof arg1 == 'string' && typeof arg2 == 'string') {
  98. 			Array.prototype.forEach.call(this.nodeList, function(el){
  99. 				el.style[arg1] = arg2;
  100. 			});
  101. 		} else if (arg1 instanceof Object) {
  102. 			Array.prototype.forEach.call(this.nodeList, function(el) {
  103. 				_$().each(arg1, function(styleName, styleValue) {
  104. 					el.style[styleName] = styleValue;
  105. 				});
  106. 			});
  107. 		}
  108. 		
  109. 		return _$(this.selector);
  110. 	}	
  111. 	
  112. 	hide() {
  113. 		this.css('display', 'none');
  114. 		return _$(this.selector);
  115. 	}
  116. 	
  117. 	show() {
  118. 		this.css('display', '');
  119. 		return _$(this.selector);
  120. 	}
  121. 	
  122. 	toggle() {
  123. 		if (this.nodeList instanceof NodeList) {
  124. 			this.each(function(el){
  125. 				if (el.style.display == 'none') {
  126. 					el.style.display = '';
  127. 				} else {
  128. 					el.style.display = 'none';
  129. 				}
  130. 			});
  131. 		}
  132. 		return _$(this.selector);
  133. 	}
  134.  
  135. // DOM functions
  136.  
  137. 	before(htmlString) {
  138. 		this.each(function(el){
  139. 			el.insertAdjacentHTML('beforebegin', htmlString);
  140. 		});
  141. 		return _$(this.selector);
  142. 	}
  143. 	
  144. 	after(htmlString) {
  145. 		this.each(function(el){
  146. 			el.insertAdjacentHTML('afterend', htmlString);
  147. 		});
  148. 		return _$(this.selector);
  149. 	}
  150. 	
  151. 	append(something) {
  152. 		if (something instanceof Element) {
  153. 			this.each(function(el) {
  154. 				// how to function with appending one existing thing when there are multiple things to append to??
  155. 				el.appendChild(something);
  156. 				
  157. 			});
  158. 		} else if (something instanceof NodeList) {
  159. 			Array.prototype.forEach.call(something, function(el) {
  160. 				this.append(something);
  161. 			});
  162. 		} else if (typeof something == 'string') {
  163. 			this.each(function(el) {
  164. 				var newEl = document.createElement('text');
  165. 				newEl.innerHTML = something;
  166. 				el.appendChild(newEl)
  167. 			});
  168. 		} else if (something.hasOwnProperty('is_$')) {
  169. 			if (something.nodeList.length == 1) {
  170. 				this.each(function(el) {
  171. 					// how to function with appending one existing thing when there are multiple things to append to??
  172. 					el.appendChild(something.nodeList[0]);
  173. 				});
  174. 			} else if (something.nodeList.length > 1) {
  175. 				this.each(function(el) {
  176. 					// how to function with appending one existing thing when there are multiple things to append to??
  177. 					//el.appendChild(something.nodeList[0]);
  178. 					Array.prototype.forEach.call(something.nodeList, function(myNode, nodeIndex) {
  179. 						el.appendChild(myNode);
  180. 					});
  181. 				});
  182. 			}
  183. 		}
  184. 		return _$(this.selector);
  185. 	}
  186.  
  187. 	prepend(something) {
  188. 		if (something instanceof Element) {
  189. 			this.each(function(el) {
  190. 				// how to function with appending one existing thing when there are multiple things to append to??
  191. 				el.insertBefore(something, el.firstChild);
  192. 				
  193. 			});
  194. 		} else if (something instanceof NodeList) {
  195. 			Array.prototype.forEach.call(something, function(el) {
  196. 				this.append(something, el.firstChild);
  197. 			});
  198. 		} else if (typeof something == 'string') {
  199. 			this.each(function(el) {
  200. 				var newEl = document.createElement('text');
  201. 				newEl.innerHTML = something;
  202. 				el.insertBefore(newEl, el.firstChild)
  203. 			});
  204. 		} else if (something.hasOwnProperty('is_$')) {
  205. 			if (something.nodeList.length == 1) {
  206. 				this.each(function(el) {
  207. 					// how to function with appending one existing thing when there are multiple things to append to??
  208. 					el.insertBefore(something.nodeList[0], el.firstChild);
  209. 				});
  210. 			} else if (something.nodeList.length > 1) {
  211. 				this.each(function(el) {
  212. 					// how to function with appending one existing thing when there are multiple things to append to??
  213. 					Array.prototype.forEach.call(something.nodeList, function(myNode, nodeIndex) {
  214. 						el.insertBefore(myNode, el.firstChild);
  215. 					});
  216. 				});
  217. 			}
  218. 		}
  219. 		return _$(this.selector);
  220. 	}
  221. 	
  222. 	remove() {
  223. 		this.each(function(el) {
  224. 			// how to function with appending one existing thing when there are multiple things to append to??
  225. 			el.parentNode.removeChild(el);
  226. 		});
  227. 	}
  228.  
  229. // other element property/content functions
  230.  
  231. 	attr(arg1, arg2) {
  232. 		if (arguments.length < 2) {
  233. 			return _$(this.selector).first().getAttribute(arg1);
  234. 		} else {
  235. 			this.each(function(el) {
  236. 				el.setAttribute(arg1, arg2);
  237. 			});
  238. 			return _$(this.selector);
  239. 		}
  240. 	}
  241. 	
  242. 	text(textString) {
  243. 		if (arguments.length < 1) {
  244. 			var myVal = '';
  245. 			this.each(function(el){
  246. 				myVal += el.textContent;
  247. 			});
  248. 			return myVal;
  249. 		} else {
  250. 			this.each(function(el){
  251. 				el.textContent = textString;
  252. 			});
  253. 			return _$(this.selector);
  254. 		}
  255. 	}
  256. 	
  257. 	html(arg1) {
  258. 		if (arguments.length < 1) {
  259. 			var myVal = '';
  260. 			this.each(function(el){
  261. 				myVal += el.innerHTML;
  262. 			});
  263. 			return myVal;
  264. 		} else {
  265. 			this.each(function(el){
  266. 				el.innerHTML = arg1;
  267. 			});
  268. 			return _$(this.selector);
  269. 		}
  270. 	}
  271. 	
  272. 	val(arg1) {
  273. 		if (arguments.length < 1) {
  274. 			if (this.length > 1) {
  275. 				var myVals = [];
  276. 				this.each(function(el){
  277. 					myVals.push(el.value)
  278. 				});
  279. 				return myVals;
  280. 			} else if (this.length == 1) {
  281. 				return this.nodeList[0].value;
  282. 			}
  283. 		} else {
  284. 			this.each(function(el){
  285. 				el.value = arg1;
  286. 			});
  287. 			return _$(this.selector);
  288. 		}
  289. 	}
  290. 	
  291. 	isVisible() {
  292. 		if (this.length == 1) {
  293. 			return this.nodeList[0].offsetWidth !== 0 && this.nodeList[0].offsetHeight !== 0;
  294. 		} else if (this.length == 1) {
  295. 			var numVisible = 0;
  296. 			this.each(function(el){
  297. 				if (!(el.offsetWidth !== 0) || !(el.offsetHeight !== 0)) {
  298. 					numVisible++;
  299. 				}
  300. 			});
  301. 			return numVisible;
  302. 		}
  303. 	}
  304. 	
  305. 	
  306. 	
  307. // function functions
  308. 	
  309. 	bind(eventName, fn) {
  310. 		Array.prototype.forEach.call(this.nodeList, function(el) {
  311. 			el.addEventListener(eventName, fn);
  312. 		});
  313. 		
  314. 	}
  315. 	
  316. // utility functions	
  317. 	
  318. 	filter(fn) {
  319. /*		this.each(function(el){
  320. 			if (fn(el)) {
  321. 				
  322. 			}
  323. 		});*/
  324. 		return Array.prototype.filter.call(this.nodeList, fn);
  325. 	}
  326. 	
  327. 	each(arg1, arg2){
  328. 		if (arg1 instanceof Object && arg2 instanceof Function) {
  329. 				for (var p in arg1) {
  330. 					if (arg1.hasOwnProperty(p)) {
  331. 						arg2(p, arg1[p]);
  332. 					}
  333. 			}
  334. 		} else if (this.nodeList instanceof Array || this.nodeList instanceof NodeList) {
  335. 			Array.prototype.forEach.call(this.nodeList, arg1);
  336. 		}
  337. 		
  338. 		return _$(this.selector);
  339. 	}
  340. 	
  341. 	iterateOverObject(obj, fn) {
  342. 		if (obj instanceof Object) {
  343. 			for (var p in obj) {
  344. 				if (obj.hasOwnProperty(p)) {
  345. 					fn(p, obj[p]);
  346. 				}
  347. 			}
  348. 		}
  349. 		
  350. 		return _$(this.selector);
  351. 	}
  352. 	
  353. }
  354.  
  355. function _$(selector) {
  356. 	return new underdollar(selector);
  357. }