How to query html elements with jquery

Querying html elements with jquery is realized by using jquery's selector.

Some precautions:

The jQuery selector allows programmers to manipulate groups of HTML elements or individual elements.

The jQuery selector "looks up" (or selects) an HTML element according to its id, class, type, attribute, attribute value, etc. It is based on the existing CSS selectors, in addition, it has some custom selectors.

All selectors in jQuery start with a dollar sign: $ ().

For example:

& lt！ DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltmeta charset="utf-8 " >？

& lttitle & gt selector about jquery

& lt script src= ". /jquery/2 . 0 . 0/jquery . min . js " & gt；

& lt/script & gt；

& lt script & gt

$ (document). ready(function(){

$ ("button"). Click (function () {

$(“p”)。 hide()；

});

});

& lt/script & gt；

& lt/head & gt；

& ltbody & gt

& lth2 & gt This is a title.

& ltp> This is a passage. & lt/p & gt；

& ltp> This is another paragraph. & lt/p & gt；

& ltbutton & gt click me.

& lt/body & gt；

& lt/html & gt；

Running results:

1, displaying a button and two paragraphs of text:

2. Click the button and the paragraph disappears.