Shulou(Shulou.com)06/02 Report--

This article mainly explains "what is the function that realizes element height change in jquery", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "what is the function to realize the height change of elements in jquery"!

Functions that can change the height of elements in jquery: 1. height(), which can set the height of matching elements, syntax "$(selector).height(height value)";2. css(), syntax "$(selector).css("height"," height value ")".

This tutorial operates on Windows 7, jquery version 1.10.2, Dell G3 computers.

jquery function that can change the height of an element

1. Height() function

The height() method sets the height of the matching element.

Grammar:

$(selector).height(length)

Length is optional. Specify the height of the element. If no length units are specified, the default px units are used.

Examples:

$(document).ready(function() { $("button").click(function() { $("div").height(100); }); }); div { height: 50px; border: 1px solid red; } Change the height of div elements

css() function

The css() method sets the style properties of the matching element.

Grammar:

$(selector).css(name,value)

Examples:

$(document).ready(function() { $("button").click(function() { $("div").css("height","200px"); }); }); div { height: 50px; border: 1px solid red; } Change the height of div elements

At this point, I believe that everyone has a deeper understanding of "what is the function to achieve element height changes in jquery", so let's actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.