Cybercrux

Everything is achievable through technology

JQUERY

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

jQuery API


.closest()

For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.

.css()

Get the value of a style property for the first element in the set of matched elements or set one or more CSS properties for every matched element.

.data()

Store arbitrary data associated with the matched elements or return the value at the named data store for the first element in the set of matched elements.

.find()

Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

.finish()

Stop the currently-running animation, remove all queued animations, and complete all animations for the matched elements.

.has()

Reduce the set of matched elements to those that have a descendant that matches the selector or DOM element.

.hover()

Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.

.is()

Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.

jQuery()

Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string.

jQuery.cssHooks

Hook directly into jQuery to override how particular CSS properties are retrieved or set, normalize CSS property naming, or create custom properties.

jQuery.Deferred()

A constructor function that returns a chainable utility object with methods to register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function.

jQuery.each()

A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function’s arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.

jQuery.grep()

Finds the elements of an array which satisfy a filter function. The original array is not affected.

jQuery.support

A collection of properties that represent the presence of different browser features or bugs. Intended for jQuery’s internal use; specific properties may be removed when they are no longer needed internally to improve page startup performance. For your own project’s feature-detection needs, we strongly recommend the use of an external library such as Modernizr instead of dependency on properties in jQuery.support.

jQuery.unique()

Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers.

jQuery.when()

Provides a way to execute callback functions based on one or more objects, usually Deferred objects that represent asynchronous events.

.map()

Pass each element in the current matched set through a function, producing a new jQuery object containing the return values.

.next()

Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.

.nextUntil()

Get all following siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object passed.

.outerHeight()

Get the current computed height for the first element in the set of matched elements, including padding, border, and optionally margin. Returns a number (without “px”) representation of the value or null if called on an empty set of elements.

.parentsUntil()

Get the ancestors of each element in the current set of matched elements, up to but not including the element matched by the selector, DOM node, or jQuery object.

.prev()

Get the immediately preceding sibling of each element in the set of matched elements, optionally filtered by a selector.

.promise()

Return a Promise object to observe when all actions of a certain type bound to the collection, queued or not, have finished.

.text()

Get the combined text contents of each element in the set of matched elements, including their descendants, or set the text contents of the matched elements.

6 thoughts on “JQUERY

  1. validation
    jQuery.validator.addMethod(“alphanumeric”, function(value, element) {
    return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value);
    });

  2. $(document).on(“click”, “span”, function () {
    $(‘span[contenteditable=true],a[contenteditable=true]’).on(‘keypress’, function (event) {
    var regex = new RegExp(“^[a-zA-Z0-9]+$”);
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
    if (!regex.test(key)) {
    event.preventDefault();
    return false;
    }
    });
    });

  3. Set Cursor of Content Editable Div

    function setCaret() {
    var el = document.getElementById(“editable”);
    var range = document.createRange();
    var sel = window.getSelection();
    range.setStart(el.childNodes[2], 5);
    range.collapse(true);
    sel.removeAllRanges();
    sel.addRange(range);
    el.focus();
    }

  4. Focus to End Jquery Function
    $.fn.focusEnd = function() {
    $(this).focus();
    var tmp = $(‘‘).appendTo($(this)),
    node = tmp.get(0),
    range = null,
    sel = null;

    if (document.selection) {
    range = document.body.createTextRange();
    range.moveToElementText(node);
    range.select();
    } else if (window.getSelection) {
    range = document.createRange();
    range.selectNode(node);
    sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(range);
    }
    tmp.remove();
    return this;
    }

  5. Ajax call with redirect

    success: function (data, textstatus, xhrreq) {
    alert(‘You are now at URL: ‘ + xhrreq.getResponseHeader(“X-MYAPP-PATH”));
    },

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s