Is jquery a js function library?

jquery is a JavaScript function library; jquery is a lightweight, fast, and concise JavaScript library. jquery greatly simplifies JavaScript programming, encapsulates common JavaScript function codes, and provides a simple JavaScript Design mode, optimize HTML document operation, event handling, animation design and Ajax interaction.

The operating environment of this article: Windows 10 system, jquery version 3.6.0, Dell G3 computer.

jquery is a js function library

jQuery is a fast and concise JavaScript library, which greatly simplifies JavaScript programming. The purpose of jQuery's design is "write less, do more", which means writing less code and doing more things. It encapsulates common JavaScript function codes, provides a simple JavaScript design pattern, and optimizes HTML document operations, event processing, animation design and Ajax interaction.

jQuery is a fast and concise JavaScript framework. It is another excellent JavaScript code library (or JavaScript framework) after Prototype. The purpose of jQuery's design is "write less, do more", which means writing less code and doing more things. It encapsulates common JavaScript function codes, provides a simple JavaScript design pattern, and optimizes HTML document operations, event processing, animation design and Ajax interaction.

The core features of jQuery can be summarized as follows: It has a unique chain syntax and a short and clear multi-functional interface; it has an efficient and flexible CSS selector, and can extend the CSS selector; it has convenient plug-in extensions Mechanism and rich plug-ins. jQuery is compatible with various mainstream browsers, such as IE 6.0, FF 1.5, Safari 2.0, Opera 9.0, etc.

Syntax and selectors

jQuery syntax is to select HTML elements and perform certain operations on the selected elements.

Basic syntax: $(selector).action()

Dollar sign definition jQuery

Selector (selector) "query" and "find" HTML elements

jQuery's action() performs operations on elements

jquery entry function:

$(document).ready(function(){
     // 执行代码
});

or

$(function(){
    // 执行代码
});

selector

#id selector

Click the button to hide the selector with id test

$(document).ready(function(){ 
$("button").click(function(){ 
$("#test").hide(); 
}); 
});

.class selector

Click the button to hide the selector with class test

$(document).ready(function(){ 
$("button").click(function(){ 
$(".test").hide(); 
}); 
});

Event

$().click(function(){
….
})

For other events, please refer to the API at the end of the article

Get and set the css class

addClass() - Adds one or more classes to the selected element

removeClass() - Removes one or more classes from the selected element

toggleClass() - Add/delete class switching operation for selected elements

css()-Set or return style attributes

Example:

$(document).ready(function(){
$("button").click(function(){
$("body div:first").addClass("important blue");
});
});
.important {
font-weight:bold;
font-size:xx-large;
}
.blue {
color:blue;
}

Related tutorial recommendations: jQuery video tutorial

The above is the detailed content of Is jquery a js function library?. For more information, please follow other related articles on the PHP Chinese website!