Jquery overview 2013
- 3. DOM Selector
• $(‘#id’)
• $(‘.class’)
• $(‘element’)
• $(‘[attr=”value”]’)
• $(‘parent descendant’)
• $(‘multiple, multiple, multiple’)
• #.parent(), #.children()
• #.next(), #.prev()
• #.eq(index), #.not(selector)
• #.find(selector)
• #.filter(selector)
- 4. DOM manipulation
• #.each(function (index) {})
• #.before(obj), #.prepend(obj),
#.append(obj), #.after(obj)
• #.attr(k,v), #.css(k,v)
• #.addClass(c), #.removeClass(c),
#.toggleClass(c)
• #.html(s), #.text(s), #.val(v)
• #.width(w), #.height(h)
• #.remove()
• #.clone()
• #.data(k,v)
- 5. Events
• #.on(event, func), #.off(event,
func), #.bind(event, func)
• #.click(func)
• #.focus(func), #.blur(func),
#.hover(func)
• #.submit(func), #.change(func)
• #.trigger(event)
• #.ready(func), #.load(func)
• #.resize(func), #.scroll(func)
• $.proxy(func,context)
- 7. Ajax
• $.ajax(url,props)
• $.get(url, func), $.post(url, data,
func)
• $.getJSON(url, func)
• $.param(data)
• #.serialize(), #.serializeArray()
• #.done(func), #.fail(func),
#.always(func)
- 8. Deferred
• $.Deferred
• #.promise()
• #.resolve(data), #.reject(data)
• #.state()
• #.done(func), #.fail(func),
#.always(func)
• #.progress(func), #.notify(data)
• #.then(func, func, func)
• $.when(func, func, func, ...)
- 9. Utilities and Plugins
• $.support
• $.each(collection, func)
• $.extend(target, object)
• $.contains(container, target)
• $.parseJSON(s), $.parseXML(s)
• $.fx.jquery
• $.your_plugin = function (params()
{}
• $.fx.your_plugin = function
(params) {}
• $.fx.extend(plugins)