JQuery CSS style control study notes_jquery

Not much to say about jQuery. This is a function library of JS that is relatively commonly used. Today we will summarize the three operations of jQuery for css
$(selector).css("name","value" )
$(selector).css({properties})
$(selector).css(name)
$(selector).css("name","value") is given for all elements CSS property setting value:
Look at the code I just wrote below

Copy the code The code is as follows:

Function css({properties}) simultaneously sets values ​​for a series of css properties of all matching elements:
Come with a piece of code and everyone will understand

Copy code The code is as follows:

The corresponding html can be written as

When the background of this text turns red, the size will become twice as large

Click here< ;/button>
Look at the effect:


Let’s look at the last css(name)
This is rarely used
Look at the example
$(this).css("background-color");
It actually returns the attribute value of "name". It is basically used in relatively few places and will not be explained in detail.
jQuery Size should be listed separately
The size has two parameters: $(selector).height(value) and $(selector).width(value)
The usage of both is the same, listed below Give an example:

Copy code The code is as follows:

The height of this p tag box will increase to 200px, and the width will become 20px

Clicking here will change