javascript-jquery.snippets 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589
  1. snippet add
  2. ${1:obj}.add('${2:selector expression}')${3}
  3. snippet addClass
  4. ${1:obj}.addClass('${2:class name}')${3}
  5. snippet after
  6. ${1:obj}.after('${2:Some text <b>and bold!</b>}')${3}
  7. snippet ajax
  8. $.ajax({
  9. url: '${1:mydomain.com/url}',
  10. type: '${2:POST}',
  11. dataType: '${3:xml/html/script/json}',
  12. data: $.param( $('${4:Element or Expression}') ),
  13. complete: function (jqXHR, textStatus) {
  14. ${5:// callback}
  15. },
  16. success: function (data, textStatus, jqXHR) {
  17. ${6:// success callback}
  18. },
  19. error: function (jqXHR, textStatus, errorThrown) {
  20. ${7:// error callback}
  21. }
  22. });
  23. snippet ajaxcomplete
  24. ${1:obj}.ajaxComplete(function (${1:e}, xhr, settings) {
  25. ${2:// callback}
  26. });
  27. snippet ajaxerror
  28. ${1:obj}.ajaxError(function (${1:e}, xhr, settings, thrownError) {
  29. ${2:// error callback}
  30. });
  31. ${3}
  32. snippet ajaxget
  33. $.get('${1:mydomain.com/url}',
  34. ${2:{ param1: value1 },}
  35. function (data, textStatus, jqXHR) {
  36. ${3:// success callback}
  37. }
  38. );
  39. snippet ajaxpost
  40. $.post('${1:mydomain.com/url}',
  41. ${2:{ param1: value1 },}
  42. function (data, textStatus, jqXHR) {
  43. ${3:// success callback}
  44. }
  45. );
  46. snippet ajaxprefilter
  47. $.ajaxPrefilter(function (${1:options}, ${2:originalOptions}, jqXHR) {
  48. ${3: // Modify options, control originalOptions, store jqXHR, etc}
  49. });
  50. snippet ajaxsend
  51. ${1:obj}.ajaxSend(function (${1:request, settings}) {
  52. ${2:// error callback}
  53. });
  54. ${3}
  55. snippet ajaxsetup
  56. $.ajaxSetup({
  57. url: "${1:mydomain.com/url}",
  58. type: "${2:POST}",
  59. dataType: "${3:xml/html/script/json}",
  60. data: $.param( $("${4:Element or Expression}") ),
  61. complete: function (jqXHR, textStatus) {
  62. ${5:// callback}
  63. },
  64. success: function (data, textStatus, jqXHR) {
  65. ${6:// success callback}
  66. },
  67. error: function (jqXHR, textStatus, errorThrown) {
  68. ${7:// error callback}
  69. }
  70. });
  71. snippet ajaxstart
  72. $.ajaxStart(function () {
  73. ${1:// handler for when an AJAX call is started and no other AJAX calls are in progress};
  74. });
  75. ${2}
  76. snippet ajaxstop
  77. $.ajaxStop(function () {
  78. ${1:// handler for when all AJAX calls have been completed};
  79. });
  80. ${2}
  81. snippet ajaxsuccess
  82. $.ajaxSuccess(function (${1:e}, xhr, settings) {
  83. ${2:// handler for when any AJAX call is successfully completed};
  84. });
  85. ${2}
  86. snippet andself
  87. ${1:obj}.andSelf()${2}
  88. snippet animate
  89. ${1:obj}.animate({${2:param1: value1, param2: value2}}, ${3:speed})${4}
  90. snippet append
  91. ${1:obj}.append('${2:Some text <b>and bold!</b>}')${3}
  92. snippet appendTo
  93. ${1:obj}.appendTo('${2:selector expression}')${3}
  94. snippet attr
  95. ${1:obj}.attr('${2:attribute}', '${3:value}')${4}
  96. snippet attrm
  97. ${1:obj}.attr({'${2:attr1}': '${3:value1}', '${4:attr2}': '${5:value2}'})${6}
  98. snippet before
  99. ${1:obj}.before('${2:Some text <b>and bold!</b>}')${3}
  100. snippet bind
  101. ${1:obj}.bind('${2:event name}', function (${3:e}) {
  102. ${4:// event handler}
  103. });
  104. snippet blur
  105. ${1:obj}.blur(function (${2:e}) {
  106. ${3:// event handler}
  107. });
  108. snippet C
  109. $.Callbacks()${1}
  110. snippet Cadd
  111. ${1:callbacks}.add(${2:callbacks})${3}
  112. snippet Cdis
  113. ${1:callbacks}.disable()${2}
  114. snippet Cempty
  115. ${1:callbacks}.empty()${2}
  116. snippet Cfire
  117. ${1:callbacks}.fire(${2:args})${3}
  118. snippet Cfired
  119. ${1:callbacks}.fired()${2}
  120. snippet Cfirew
  121. ${1:callbacks}.fireWith(${2:this}, ${3:args})${4}
  122. snippet Chas
  123. ${1:callbacks}.has(${2:callback})${3}
  124. snippet Clock
  125. ${1:callbacks}.lock()${2}
  126. snippet Clocked
  127. ${1:callbacks}.locked()${2}
  128. snippet Crem
  129. ${1:callbacks}.remove(${2:callbacks})${3}
  130. snippet change
  131. ${1:obj}.change(function (${2:e}) {
  132. ${3:// event handler}
  133. });
  134. snippet children
  135. ${1:obj}.children('${2:selector expression}')${3}
  136. snippet clearq
  137. ${1:obj}.clearQueue(${2:'queue name'})${3}
  138. snippet click
  139. ${1:obj}.click(function (${2:e}) {
  140. ${3:// event handler}
  141. });
  142. snippet clone
  143. ${1:obj}.clone()${2}
  144. snippet contains
  145. $.contains(${1:container}, ${2:contents});
  146. snippet css
  147. ${1:obj}.css('${2:attribute}', '${3:value}')${4}
  148. snippet csshooks
  149. $.cssHooks['${1:CSS prop}'] = {
  150. get: function (elem, computed, extra) {
  151. ${2: // handle getting the CSS property}
  152. },
  153. set: function (elem, value) {
  154. ${3: // handle setting the CSS value}
  155. }
  156. };
  157. snippet cssm
  158. ${1:obj}.css({${2:attribute1}: '${3:value1}', ${4:attribute2}: '${5:value2}'})${6}
  159. snippet D
  160. $.Deferred()${1}
  161. snippet Dalways
  162. ${1:deferred}.always(${2:callbacks})${3}
  163. snippet Ddone
  164. ${1:deferred}.done(${2:callbacks})${3}
  165. snippet Dfail
  166. ${1:deferred}.fail(${2:callbacks})${3}
  167. snippet Disrej
  168. ${1:deferred}.isRejected()${2}
  169. snippet Disres
  170. ${1:deferred}.isResolved()${2}
  171. snippet Dnotify
  172. ${1:deferred}.notify(${2:args})${3}
  173. snippet Dnotifyw
  174. ${1:deferred}.notifyWith(${2:this}, ${3:args})${4}
  175. snippet Dpipe
  176. ${1:deferred}.then(${2:doneFilter}, ${3:failFilter}, ${4:progressFilter})${5}
  177. snippet Dprog
  178. ${1:deferred}.progress(${2:callbacks})${3}
  179. snippet Dprom
  180. ${1:deferred}.promise(${2:target})${3}
  181. snippet Drej
  182. ${1:deferred}.reject(${2:args})${3}
  183. snippet Drejw
  184. ${1:deferred}.rejectWith(${2:this}, ${3:args})${4}
  185. snippet Dres
  186. ${1:deferred}.resolve(${2:args})${3}
  187. snippet Dresw
  188. ${1:deferred}.resolveWith(${2:this}, ${3:args})${4}
  189. snippet Dstate
  190. ${1:deferred}.state()${2}
  191. snippet Dthen
  192. ${1:deferred}.then(${2:doneCallbacks}, ${3:failCallbacks}, ${4:progressCallbacks})${5}
  193. snippet Dwhen
  194. $.when(${1:deferreds})${2}
  195. snippet data
  196. ${1:obj}.data(${2:obj})${3}
  197. snippet dataa
  198. $.data('${1:selector expression}', '${2:key}'${3:, 'value'})${4}
  199. snippet dblclick
  200. ${1:obj}.dblclick(function (${2:e}) {
  201. ${3:// event handler}
  202. });
  203. snippet delay
  204. ${1:obj}.delay('${2:slow/400/fast}'${3:, 'queue name'})${4}
  205. snippet dele
  206. ${1:obj}.delegate('${2:selector expression}', '${3:event name}', function (${4:e}) {
  207. ${5:// event handler}
  208. });
  209. snippet deq
  210. ${1:obj}.dequeue(${2:'queue name'})${3}
  211. snippet deqq
  212. $.dequeue('${1:selector expression}'${2:, 'queue name'})${3}
  213. snippet detach
  214. ${1:obj}.detach('${2:selector expression}')${3}
  215. snippet die
  216. ${1:obj}.die(${2:event}, ${3:handler})${4}
  217. snippet each
  218. ${1:obj}.each(function (index) {
  219. ${2:this.innerHTML = this + " is the element, " + index + " is the position";}
  220. });
  221. snippet el
  222. $('<${1}/>'${2:, {}})${3}
  223. snippet eltrim
  224. $.trim('${1:string}')${2}
  225. snippet empty
  226. ${1:obj}.empty()${2}
  227. snippet end
  228. ${1:obj}.end()${2}
  229. snippet eq
  230. ${1:obj}.eq(${2:element index})${3}
  231. snippet error
  232. ${1:obj}.error(function (${2:e}) {
  233. ${3:// event handler}
  234. });
  235. snippet eventsmap
  236. {
  237. :f${1}
  238. }
  239. snippet extend
  240. $.extend(${1:true, }${2:target}, ${3:obj})${4}
  241. snippet fadein
  242. ${1:obj}.fadeIn('${2:slow/400/fast}')${3}
  243. snippet fadeinc
  244. ${1:obj}.fadeIn('slow/400/fast', function () {
  245. ${2:// callback};
  246. });
  247. snippet fadeout
  248. ${1:obj}.fadeOut('${2:slow/400/fast}')${3}
  249. snippet fadeoutc
  250. ${1:obj}.fadeOut('slow/400/fast', function () {
  251. ${2:// callback};
  252. });
  253. snippet fadeto
  254. ${1:obj}.fadeTo('${2:slow/400/fast}', ${3:0.5})${4}
  255. snippet fadetoc
  256. ${1:obj}.fadeTo('slow/400/fast', ${2:0.5}, function () {
  257. ${3:// callback};
  258. });
  259. snippet filter
  260. ${1:obj}.filter('${2:selector expression}')${3}
  261. snippet filtert
  262. ${1:obj}.filter(function (${2:index}) {
  263. ${3:// test code}
  264. })${4}
  265. snippet find
  266. ${1:obj}.find('${2:selector expression}')${3}
  267. snippet focus
  268. ${1:obj}.focus(function (${2:e}) {
  269. ${3:// event handler}
  270. });
  271. snippet focusin
  272. ${1:obj}.focusIn(function (${2:e}) {
  273. ${3:// event handler}
  274. });
  275. snippet focusout
  276. ${1:obj}.focusOut(function (${2:e}) {
  277. ${3:// event handler}
  278. });
  279. snippet get
  280. ${1:obj}.get(${2:element index})${3}
  281. snippet getjson
  282. $.getJSON('${1:mydomain.com/url}',
  283. ${2:{ param1: value1 },}
  284. function (data, textStatus, jqXHR) {
  285. ${3:// success callback}
  286. }
  287. );
  288. snippet getscript
  289. $.getScript('${1:mydomain.com/url}', function (script, textStatus, jqXHR) {
  290. ${2:// callback}
  291. });
  292. snippet grep
  293. $.grep(${1:array}, function (item, index) {
  294. ${2:// test code}
  295. }${3:, true});
  296. snippet hasc
  297. ${1:obj}.hasClass('${2:className}')${3}
  298. snippet hasd
  299. $.hasData('${1:selector expression}');
  300. snippet height
  301. ${1:obj}.height(${2:integer})${3}
  302. snippet hide
  303. ${1:obj}.hide('${2:slow/400/fast}')${3}
  304. snippet hidec
  305. ${1:obj}.hide('${2:slow/400/fast}', function () {
  306. ${3:// callback}
  307. });
  308. snippet hover
  309. ${1:obj}.hover(function (${2:e}) {
  310. ${3:// event handler}
  311. }, function ($2) {
  312. ${4:// event handler}
  313. });${5}
  314. snippet html
  315. ${1:obj}.html('${2:Some text <b>and bold!</b>}')${3}
  316. snippet inarr
  317. $.inArray(${1:value}, ${2:array});
  318. snippet insa
  319. ${1:obj}.insertAfter('${2:selector expression}')${3}
  320. snippet insb
  321. ${1:obj}.insertBefore('${2:selector expression}')${3}
  322. snippet is
  323. ${1:obj}.is('${2:selector expression}')${3}
  324. snippet isarr
  325. $.isArray(${1:obj})${2}
  326. snippet isempty
  327. $.isEmptyObject(${1:obj})${2}
  328. snippet isfunc
  329. $.isFunction(${1:obj})${2}
  330. snippet isnum
  331. $.isNumeric(${1:value})${2}
  332. snippet isobj
  333. $.isPlainObject(${1:obj})${2}
  334. snippet iswin
  335. $.isWindow(${1:obj})${2}
  336. snippet isxml
  337. $.isXMLDoc(${1:node})${2}
  338. snippet jj
  339. $('${1:selector}')${2}
  340. snippet kdown
  341. ${1:obj}.keydown(function (${2:e}) {
  342. ${3:// event handler}
  343. });
  344. snippet kpress
  345. ${1:obj}.keypress(function (${2:e}) {
  346. ${3:// event handler}
  347. });
  348. snippet kup
  349. ${1:obj}.keyup(function (${2:e}) {
  350. ${3:// event handler}
  351. });
  352. snippet last
  353. ${1:obj}.last('${1:selector expression}')${3}
  354. snippet live
  355. ${1:obj}.live('${2:events}', function (${3:e}) {
  356. ${4:// event handler}
  357. });
  358. snippet load
  359. ${1:obj}.load(function (${2:e}) {
  360. ${3:// event handler}
  361. });
  362. snippet loadf
  363. ${1:obj}.load('${2:mydomain.com/url}',
  364. ${2:{ param1: value1 },}
  365. function (responseText, textStatus, xhr) {
  366. ${3:// success callback}
  367. }
  368. });
  369. snippet makearray
  370. $.makeArray(${1:obj});
  371. snippet map
  372. ${1:obj}.map(function (${2:index}, ${3:element}) {
  373. ${4:// callback}
  374. });
  375. snippet mapp
  376. $.map(${1:arrayOrObject}, function (${2:value}, ${3:indexOrKey}) {
  377. ${4:// callback}
  378. });
  379. snippet merge
  380. $.merge(${1:target}, ${2:original});
  381. snippet mdown
  382. ${1:obj}.mousedown(function (${2:e}) {
  383. ${3:// event handler}
  384. });
  385. snippet menter
  386. ${1:obj}.mouseenter(function (${2:e}) {
  387. ${3:// event handler}
  388. });
  389. snippet mleave
  390. ${1:obj}.mouseleave(function (${2:e}) {
  391. ${3:// event handler}
  392. });
  393. snippet mmove
  394. ${1:obj}.mousemove(function (${2:e}) {
  395. ${3:// event handler}
  396. });
  397. snippet mout
  398. ${1:obj}.mouseout(function (${2:e}) {
  399. ${3:// event handler}
  400. });
  401. snippet mover
  402. ${1:obj}.mouseover(function (${2:e}) {
  403. ${3:// event handler}
  404. });
  405. snippet mup
  406. ${1:obj}.mouseup(function (${2:e}) {
  407. ${3:// event handler}
  408. });
  409. snippet next
  410. ${1:obj}.next('${2:selector expression}')${3}
  411. snippet nexta
  412. ${1:obj}.nextAll('${2:selector expression}')${3}
  413. snippet nextu
  414. ${1:obj}.nextUntil('${2:selector expression}'${3:, 'filter expression'})${4}
  415. snippet not
  416. ${1:obj}.not('${2:selector expression}')${3}
  417. snippet off
  418. ${1:obj}.off('${2:events}', '${3:selector expression}'${4:, handler})${5}
  419. snippet offset
  420. ${1:obj}.offset()${2}
  421. snippet offsetp
  422. ${1:obj}.offsetParent()${2}
  423. snippet on
  424. ${1:obj}.on('${2:events}', '${3:selector expression}', function (${4:e}) {
  425. ${5:// event handler}
  426. });
  427. snippet one
  428. ${1:obj}.one('${2:event name}', function (${3:e}) {
  429. ${4:// event handler}
  430. });
  431. snippet outerh
  432. ${1:obj}.outerHeight()${2}
  433. snippet outerw
  434. ${1:obj}.outerWidth()${2}
  435. snippet param
  436. $.param(${1:obj})${2}
  437. snippet parent
  438. ${1:obj}.parent('${2:selector expression}')${3}
  439. snippet parents
  440. ${1:obj}.parents('${2:selector expression}')${3}
  441. snippet parentsu
  442. ${1:obj}.parentsUntil('${2:selector expression}'${3:, 'filter expression'})${4}
  443. snippet parsejson
  444. $.parseJSON(${1:data})${2}
  445. snippet parsexml
  446. $.parseXML(${1:data})${2}
  447. snippet pos
  448. ${1:obj}.position()${2}
  449. snippet prepend
  450. ${1:obj}.prepend('${2:Some text <b>and bold!</b>}')${3}
  451. snippet prependto
  452. ${1:obj}.prependTo('${2:selector expression}')${3}
  453. snippet prev
  454. ${1:obj}.prev('${2:selector expression}')${3}
  455. snippet preva
  456. ${1:obj}.prevAll('${2:selector expression}')${3}
  457. snippet prevu
  458. ${1:obj}.prevUntil('${2:selector expression}'${3:, 'filter expression'})${4}
  459. snippet promise
  460. ${1:obj}.promise(${2:'fx'}, ${3:target})${4}
  461. snippet prop
  462. ${1:obj}.prop('${2:property name}')${3}
  463. snippet proxy
  464. $.proxy(${1:function}, ${2:this})${3}
  465. snippet pushstack
  466. ${1:obj}.pushStack(${2:elements})${3}
  467. snippet queue
  468. ${1:obj}.queue(${2:name}${3:, newQueue})${4}
  469. snippet queuee
  470. $.queue(${1:element}${2:, name}${3:, newQueue})${4}
  471. snippet ready
  472. $(function () {
  473. ${1}
  474. });
  475. snippet rem
  476. ${1:obj}.remove()${2}
  477. snippet rema
  478. ${1:obj}.removeAttr('${2:attribute name}')${3}
  479. snippet remc
  480. ${1:obj}.removeClass('${2:class name}')${3}
  481. snippet remd
  482. ${1:obj}.removeData('${2:key name}')${3}
  483. snippet remdd
  484. $.removeData(${1:element}${2:, 'key name}')${3}
  485. snippet remp
  486. ${1:obj}.removeProp('${2:property name}')${3}
  487. snippet repa
  488. ${1:obj}.replaceAll(${2:target})${3}
  489. snippet repw
  490. ${1:obj}.replaceWith(${2:content})${3}
  491. snippet reset
  492. ${1:obj}.reset(function (${2:e}) {
  493. ${3:// event handler}
  494. });
  495. snippet resize
  496. ${1:obj}.resize(function (${2:e}) {
  497. ${3:// event handler}
  498. });
  499. snippet scroll
  500. ${1:obj}.scroll(function (${2:e}) {
  501. ${3:// event handler}
  502. });
  503. snippet scrolll
  504. ${1:obj}.scrollLeft(${2:value})${3}
  505. snippet scrollt
  506. ${1:obj}.scrollTop(${2:value})${3}
  507. snippet sdown
  508. ${1:obj}.slideDown('${2:slow/400/fast}')${3}
  509. snippet sdownc
  510. ${1:obj}.slideDown('${2:slow/400/fast}', function () {
  511. ${3:// callback};
  512. });
  513. snippet select
  514. ${1:obj}.select(function (${2:e}) {
  515. ${3:// event handler}
  516. });
  517. snippet serialize
  518. ${1:obj}.serialize()${2}
  519. snippet serializea
  520. ${1:obj}.serializeArray()${2}
  521. snippet show
  522. ${1:obj}.show('${2:slow/400/fast}')${3}
  523. snippet showc
  524. ${1:obj}.show('${2:slow/400/fast}', function () {
  525. ${3:// callback}
  526. });
  527. snippet sib
  528. ${1:obj}.siblings('${2:selector expression}')${3}
  529. snippet size
  530. ${1:obj}.size()${2}
  531. snippet slice
  532. ${1:obj}.slice(${2:start}${3:, end})${4}
  533. snippet stoggle
  534. ${1:obj}.slideToggle('${2:slow/400/fast}')${3}
  535. snippet stop
  536. ${1:obj}.stop('${2:queue}', ${3:false}, ${4:false})${5}
  537. snippet submit
  538. ${1:obj}.submit(function (${2:e}) {
  539. ${3:// event handler}
  540. });
  541. snippet sup
  542. ${1:obj}.slideUp('${2:slow/400/fast}')${3}
  543. snippet supc
  544. ${1:obj}.slideUp('${2:slow/400/fast}', function () {
  545. ${3:// callback};
  546. });
  547. snippet text
  548. ${1:obj}.text(${2:'some text'})${3}
  549. snippet this
  550. $(this)${1}
  551. snippet toarr
  552. ${1:obj}.toArray()
  553. snippet tog
  554. ${1:obj}.toggle(function (${2:e}) {
  555. ${3:// event handler}
  556. }, function ($2) {
  557. ${4:// event handler}
  558. });
  559. ${4}
  560. snippet togclass
  561. ${1:obj}.toggleClass('${2:class name}')${3}
  562. snippet togsh
  563. ${1:obj}.toggle('${2:slow/400/fast}')${3}
  564. snippet trig
  565. ${1:obj}.trigger('${2:event name}')${3}
  566. snippet trigh
  567. ${1:obj}.triggerHandler('${2:event name}')${3}
  568. snippet $trim
  569. $.trim(${1:str})${2}
  570. snippet $type
  571. $.type(${1:obj})${2}
  572. snippet unbind
  573. ${1:obj}.unbind('${2:event name}')${3}
  574. snippet undele
  575. ${1:obj}.undelegate(${2:selector expression}, ${3:event}, ${4:handler})${5}
  576. snippet uniq
  577. $.unique(${1:array})${2}
  578. snippet unload
  579. ${1:obj}.unload(function (${2:e}) {
  580. ${3:// event handler}
  581. });
  582. snippet unwrap
  583. ${1:obj}.unwrap()${2}
  584. snippet val
  585. ${1:obj}.val('${2:text}')${3}
  586. snippet width
  587. ${1:obj}.width(${2:integer})${3}
  588. snippet wrap
  589. ${1:obj}.wrap('${2:&lt;div class="extra-wrapper"&gt;&lt;/div&gt;}')${3}