jq common functions

Remember the jq functions that have been used more recently

.addClass function is used to add the specified css style to each element matched by the current object

.removeClass() Otherwise, delete the added style

.html() to get the collection The HTML content of the first matching element sets the HTML content of each matching element.

You cannot use val() to assign values ​​to non-form elements. If you need to assign values, use text/html() to assign values.

.append() Insert parameter content at the end of each matching element

.attr() Gets the value of the attribute of the first element in the matched set of elements. Sets one or more properties of each matching element.

.children() obtains the child elements of each element in the matching element collection, and the selector selectively filters.

.empty() Removes the child nodes of all matching elements from the DOM node



.find() Gets the descendants of each element in the currently matched element set through a selector, jQuery object, or element filter . The instance returns all elements in the descendants:

var$count=$li.find('input[useCount]');
.first() Gets the first element of the matching element set .last() is the opposite .next

.parent() matches the parent element of the current element. .siblings() obtains the sibling elements of each element in the matching element collection, and can provide an optional selector. .

.hasClass() determines whether any matching element has the given (style) class assigned

Example:

$dlgChose.find('li').click(function() {

if(!$ (this).hasClass('text')) {

$(this).addClass('checked').siblings().removeClass('checked');

}

.hide() Hide matching elements Corresponds to .show();

.serialize() Compiles the value of the submitted form element into a string.

.val Gets the current value of the first element in the matched element set. The value of each element. The

.each() method specifies the function to run for each matching element. Tip: Returning false can be used to stop the loop early. () {

if($(this).text() ==text) {

$(this).removeClass('active');

return false;

} } );